From 57b4bd8cb822c0b17f88ad1e754f402d70cecd9d Mon Sep 17 00:00:00 2001 From: hqhq1025 <1506751656@qq.com> Date: Sun, 19 Apr 2026 05:07:19 +0800 Subject: [PATCH 1/2] fix(desktop): tokenize remaining PreviewToolbar hardcoded values missed by #57 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Replaces three remaining hardcoded px values in PreviewToolbar with design tokens to keep the export menu aligned with the token system: - h-[30px] → h-[var(--size-control-sm)] - w-[14px] h-[14px] → w-[var(--size-icon-sm)] h-[var(--size-icon-sm)] - min-w-[200px] → min-w-[var(--size-stage-min)] Adds a new --size-stage-min (200px) token to packages/ui for menu/popover minimum widths. The other three font-size values noted in the original audit were already tokenized by #57. --- apps/desktop/src/renderer/src/components/PreviewToolbar.tsx | 6 +++--- packages/ui/src/tokens.css | 3 +++ 2 files changed, 6 insertions(+), 3 deletions(-) diff --git a/apps/desktop/src/renderer/src/components/PreviewToolbar.tsx b/apps/desktop/src/renderer/src/components/PreviewToolbar.tsx index 88e4aa44..51b675c3 100644 --- a/apps/desktop/src/renderer/src/components/PreviewToolbar.tsx +++ b/apps/desktop/src/renderer/src/components/PreviewToolbar.tsx @@ -78,11 +78,11 @@ export function PreviewToolbar(): ReactElement { type="button" disabled={disabled} onClick={() => setOpen((v) => !v)} - className="inline-flex items-center gap-1.5 h-[30px] px-3 rounded-[var(--radius-md)] text-[var(--text-sm)] font-medium border border-[var(--color-border)] bg-[var(--color-surface)] text-[var(--color-text-primary)] hover:bg-[var(--color-surface-hover)] hover:border-[var(--color-border-strong)] disabled:opacity-40 disabled:pointer-events-none transition-[background-color,border-color] duration-150 ease-[cubic-bezier(0.16,1,0.3,1)]" + className="inline-flex items-center gap-1.5 h-[var(--size-control-sm)] px-3 rounded-[var(--radius-md)] text-[var(--text-sm)] font-medium border border-[var(--color-border)] bg-[var(--color-surface)] text-[var(--color-text-primary)] hover:bg-[var(--color-surface-hover)] hover:border-[var(--color-border-strong)] disabled:opacity-40 disabled:pointer-events-none transition-[background-color,border-color] duration-150 ease-[cubic-bezier(0.16,1,0.3,1)]" aria-haspopup="menu" aria-expanded={open} > - + {t('export.button')} @@ -90,7 +90,7 @@ export function PreviewToolbar(): ReactElement { {open && (