From bddf37c7f038059828603b2ebc88e9c7443b332f Mon Sep 17 00:00:00 2001 From: Claude Date: Tue, 27 Oct 2026 12:45:00 +0000 Subject: [PATCH] Restore the bar's look and layout under the theme provider The ThemeProvider added for light mode switched on zgui's field tokens, so the bar's Input grew a border, a focus ring and the token font size, and the full-viewport .app wrapper changed how the page laid out. - neutralise the zui-input chrome inside the bar and the alt name box - make .app display: contents so the layout is the original root layout; the window background comes from the theme's background token on :root (pure black in dark, cream in light) - only render the hint row when it has something to say - alt name box back to 256px - zgui updated to the latest commit (needs Rust 1.90) Co-Authored-By: Claude Opus 5.5 Claude-Session: https://claude.ai/code/session_01Q9xKZd6m8irSsnZNnbkucs --- Cargo.lock | 100 ++++++++++++++++++++++++++-------------------------- Cargo.toml | 2 +- README.md | 2 +- src/main.rs | 64 +++++++++++++++++++++------------ 4 files changed, 93 insertions(+), 75 deletions(-) diff --git a/Cargo.lock b/Cargo.lock index 2db0314..03d103b 100644 --- a/Cargo.lock +++ b/Cargo.lock @@ -625,9 +625,9 @@ dependencies = [ [[package]] name = "cephal" -version = "0.1.1" +version = "0.2.0" source = "registry+https://github.com/rust-lang/crates.io-index" -checksum = "9b74eac90bccfd105751a15dcf6e16206b3ba0c837575dd7c4f9993c35e4b014" +checksum = "7e5a13dfbd5a30b3a70dd76465339854bc8fe5ec22b5bb8548e1ec564b9412bd" [[package]] name = "cfg-if" @@ -5076,7 +5076,7 @@ dependencies = [ [[package]] name = "zgui" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "zgui-atlas", "zgui-bits", @@ -5106,7 +5106,7 @@ dependencies = [ [[package]] name = "zgui-a11y" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "accesskit", "zgui-bits", @@ -5122,7 +5122,7 @@ dependencies = [ [[package]] name = "zgui-anim" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "zgui-bits", "zgui-dom", @@ -5135,12 +5135,12 @@ dependencies = [ [[package]] name = "zgui-arena" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" [[package]] name = "zgui-atlas" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "etagere", "rustc-hash 2.1.3", @@ -5152,7 +5152,7 @@ dependencies = [ [[package]] name = "zgui-bits" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "bitflags 2.13.2", "zgui-geom", @@ -5161,7 +5161,7 @@ dependencies = [ [[package]] name = "zgui-canvas" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "kurbo", "peniko", @@ -5174,12 +5174,12 @@ dependencies = [ [[package]] name = "zgui-color" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" [[package]] name = "zgui-css" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "app_units", "cssparser", @@ -5196,7 +5196,7 @@ dependencies = [ [[package]] name = "zgui-custom" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "rustc-hash 2.1.3", "zgui-elements", @@ -5211,7 +5211,7 @@ dependencies = [ [[package]] name = "zgui-dom" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "app_units", "bitflags 2.13.2", @@ -5236,7 +5236,7 @@ dependencies = [ [[package]] name = "zgui-edit" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "zgui-dom", "zgui-geom", @@ -5247,7 +5247,7 @@ dependencies = [ [[package]] name = "zgui-elements" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "kurbo", "zgui-canvas", @@ -5261,7 +5261,7 @@ dependencies = [ [[package]] name = "zgui-geom" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "bytemuck", ] @@ -5269,7 +5269,7 @@ dependencies = [ [[package]] name = "zgui-image" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "image", "thiserror 2.0.21", @@ -5279,7 +5279,7 @@ dependencies = [ [[package]] name = "zgui-input" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "rustc-hash 2.1.3", "smallvec", @@ -5296,7 +5296,7 @@ dependencies = [ [[package]] name = "zgui-interned" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "rustc-hash 2.1.3", ] @@ -5304,7 +5304,7 @@ dependencies = [ [[package]] name = "zgui-layout" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "cephal", "rayon", @@ -5326,7 +5326,7 @@ dependencies = [ [[package]] name = "zgui-paint" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "rustc-hash 2.1.3", "smallvec", @@ -5353,7 +5353,7 @@ dependencies = [ [[package]] name = "zgui-platform" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "accesskit", "raw-window-handle", @@ -5365,7 +5365,7 @@ dependencies = [ [[package]] name = "zgui-platform-wayland" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "accesskit", "accesskit_unix", @@ -5388,7 +5388,7 @@ dependencies = [ [[package]] name = "zgui-platform-winit" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "accesskit", "accesskit_winit", @@ -5411,7 +5411,7 @@ dependencies = [ [[package]] name = "zgui-profile" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "tracing", ] @@ -5419,7 +5419,7 @@ dependencies = [ [[package]] name = "zgui-reactive" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "any_spawner", "futures", @@ -5433,7 +5433,7 @@ dependencies = [ [[package]] name = "zgui-render" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "thiserror 2.0.21", "zgui-atlas", @@ -5445,7 +5445,7 @@ dependencies = [ [[package]] name = "zgui-render-vector-coverage" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "bytemuck", "kurbo", @@ -5463,7 +5463,7 @@ dependencies = [ [[package]] name = "zgui-render-vector-vello" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "kurbo", "peniko", @@ -5483,7 +5483,7 @@ dependencies = [ [[package]] name = "zgui-render-wgpu" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "bincode", "bytemuck", @@ -5505,7 +5505,7 @@ dependencies = [ [[package]] name = "zgui-runtime" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "rustc-hash 2.1.3", "thiserror 2.0.21", @@ -5541,7 +5541,7 @@ dependencies = [ [[package]] name = "zgui-scene" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "bytemuck", "kurbo", @@ -5559,7 +5559,7 @@ dependencies = [ [[package]] name = "zgui-scroll" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "rustc-hash 2.1.3", "smallvec", @@ -5573,7 +5573,7 @@ dependencies = [ [[package]] name = "zgui-shader" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "zgui-geom", "zgui-paint", @@ -5587,7 +5587,7 @@ dependencies = [ [[package]] name = "zgui-shader-macro" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "bincode", "naga", @@ -5600,7 +5600,7 @@ dependencies = [ [[package]] name = "zgui-style" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "app_units", "bitflags 2.13.2", @@ -5628,7 +5628,7 @@ dependencies = [ [[package]] name = "zgui-svg" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "kurbo", "peniko", @@ -5641,7 +5641,7 @@ dependencies = [ [[package]] name = "zgui-text" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "accesskit", "kurbo", @@ -5658,7 +5658,7 @@ dependencies = [ [[package]] name = "zgui-text-parley" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "fontique", "kurbo", @@ -5679,7 +5679,7 @@ dependencies = [ [[package]] name = "zgui-text-style" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "rustc-hash 2.1.3", "smallvec", @@ -5693,7 +5693,7 @@ dependencies = [ [[package]] name = "zgui-ui" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "zgui", "zgui-ui-icons", @@ -5704,7 +5704,7 @@ dependencies = [ [[package]] name = "zgui-ui-icons" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "zgui", ] @@ -5712,7 +5712,7 @@ dependencies = [ [[package]] name = "zgui-ui-primitives" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "zgui", ] @@ -5720,7 +5720,7 @@ dependencies = [ [[package]] name = "zgui-ui-tokens" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "zgui", ] @@ -5728,7 +5728,7 @@ dependencies = [ [[package]] name = "zgui-view" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "zgui-geom", "zgui-interned", @@ -5739,7 +5739,7 @@ dependencies = [ [[package]] name = "zgui-view-dom" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "rustc-hash 2.1.3", "tracing", @@ -5752,7 +5752,7 @@ dependencies = [ [[package]] name = "zgui-view-macro" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "proc-macro2", "quote", @@ -5762,7 +5762,7 @@ dependencies = [ [[package]] name = "zgui-vocab" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "accesskit", "zgui-geom", @@ -5772,7 +5772,7 @@ dependencies = [ [[package]] name = "zgui-wgpu" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "rustc-hash 2.1.3", "tracing", @@ -5793,7 +5793,7 @@ dependencies = [ [[package]] name = "zgui-wgsl" version = "0.1.0" -source = "git+https://github.com/zortax/zgui#f6badfb1af02b08ed1924687237028fb98a97bd8" +source = "git+https://github.com/zortax/zgui#951a0ea3b113247da6dff439fccbd9097aa3187f" dependencies = [ "zgui-scene", ] diff --git a/Cargo.toml b/Cargo.toml index 13bc171..2abb503 100644 --- a/Cargo.toml +++ b/Cargo.toml @@ -2,7 +2,7 @@ name = "neum" version = "0.2.0" edition = "2024" -rust-version = "1.88" +rust-version = "1.90" description = "ordinal, reversed and byte-sum gematria over a stateful redb memory, with lists and notes" license = "MIT" readme = "README.md" diff --git a/README.md b/README.md index c85b9e8..5397fc1 100644 --- a/README.md +++ b/README.md @@ -15,7 +15,7 @@ cargo run --release -- my.memory # opens (or makes) my.memory ``` Linux needs the usual windowing headers to build: `libxkbcommon-dev` and `libwayland-dev` -(and `pkg-config`). Rust 1.88 or newer. +(and `pkg-config`). Rust 1.90 or newer. ## the bar diff --git a/src/main.rs b/src/main.rs index 0e14777..d94528e 100644 --- a/src/main.rs +++ b/src/main.rs @@ -1,6 +1,6 @@ use zgui::{prelude::*, reactive::LocalStorage}; use zgui_ui::prelude::*; -use zgui_ui_tokens::prelude::{ColorScheme, ThemeProviderProps}; +use zgui_ui_tokens::prelude::{ColorScheme, Theme, ThemeProviderProps}; use std::{collections::HashMap, path::Path}; @@ -103,6 +103,20 @@ impl Ui { } } + /// the line under the bar: what was last said, else where Enter will put things + fn hint(self) -> String { + let s = self.status.get(); + if !s.is_empty() { return s; } + let alt = self.alt_name.get(); + if alt.is_empty() { + String::new() + } else if self.sch.get() { + format!("→ list «{alt}»") + } else { + format!("→ notes on «{alt}»") + } + } + fn threshold(self) -> f32 { self.settings.get_untracked().threshold_fraction() } @@ -408,8 +422,12 @@ fn Gematria(settings: Settings, greeting: String) -> impl IntoView { move |on: bool| ui.set(|s| s.compact_on_open = on), ); + // the window's own background and text, so the page behind everything follows the theme + let light_theme = Theme::light().with_css("--zui-color-background: #f4efe3; --zui-color-foreground: #1d1a16;"); + let dark_theme = Theme::dark().with_css("--zui-color-background: #000; --zui-color-foreground: #fff;"); + view! { - ThemeProvider(scheme = scheme) { + ThemeProvider(scheme = scheme, light = light_theme, dark = dark_theme) { column(class = "app", class:light = light) { row(class = "spread", on:click = {move |_ev| { @@ -509,19 +527,10 @@ fn Gematria(settings: Settings, greeting: String) -> impl IntoView { } ) } - row(class = "hint") { - text() {{move || { - let s = status.get(); - if !s.is_empty() { return s; } - let alt = alt_name.get(); - if alt.is_empty() { - String::new() - } else if sch.get() { - format!("→ list «{alt}»") - } else { - format!("→ notes on «{alt}»") - } - }}} + if move || !ui.hint().is_empty() { + row(class = "hint") { + text() {{move || ui.hint()}} + } } if move || mode.get() == Mode::Bytes { column(class = "story") { @@ -705,9 +714,11 @@ fn Gematria(settings: Settings, greeting: String) -> impl IntoView { } const STYLE: &str = css!(" - :root { background-color: #000; } + :root { + background-color: var(--zui-color-background, #000); + color: var(--zui-color-foreground, #fff); + } .app { - --bg: #000; --fg: #fff; --muted: #888; --card: #f9f3e2; @@ -718,13 +729,10 @@ const STYLE: &str = css!(" --panel-muted: #a89cb2; --accent: #ff278f; --shadow: rgba(0,0,0,0.5); - width: 100vw; - height: 100vh; - background: var(--bg); + display: contents; color: var(--fg); } .app.light { - --bg: #f4efe3; --fg: #1d1a16; --muted: #9a907f; --card: #fffdf8; @@ -756,10 +764,20 @@ const STYLE: &str = css!(" border-bottom: 1px solid var(--line); font-size: 20px; } + .inp .zui-input, .term-menu .zui-input, + .inp .zui-input:focus-visible, .term-menu .zui-input:focus-visible { + border: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; + color: inherit; + font-family: inherit; + font-size: inherit; + line-height: inherit; + } .hint { width: 95%; max-width: 16cm; - min-height: 14px; justify-content: center; font-size: 12px; color: var(--muted); @@ -873,7 +891,7 @@ const STYLE: &str = css!(" background: var(--accent); color: #fff; width: 100%; - max-width: 320px; + max-width: 256px; height: 2cm; justify-content: center; text-align: center;