From 6c1583a2fa057f18774bd87e596bb37fdf451974 Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Thu, 26 Mar 2026 21:16:26 +0800
Subject: [PATCH] fix resize slider visibility

---
 components/image-annotator.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/components/image-annotator.tsx b/components/image-annotator.tsx
index b2430c2af..94dac75e7 100644
--- a/components/image-annotator.tsx
+++ b/components/image-annotator.tsx
@@ -1795,7 +1795,7 @@ export function ImageAnnotator({
                   })}
                 </div>
                 <div className="h-7 w-px shrink-0 bg-border/60" />
-                <div className="flex min-w-[220px] items-center gap-3 rounded-[22px] bg-muted/35 px-3 py-2">
+                <div className="flex min-w-[280px] items-center gap-3 rounded-[22px] bg-muted/35 px-3 py-2">
                   <span className="shrink-0 text-xs font-medium text-muted-foreground">
                     缩放
                   </span>
@@ -1805,7 +1805,10 @@ export function ImageAnnotator({
                     min={0.1}
                     max={5}
                     step={0.01}
-                    className="flex-1"
+                    className="w-[160px] shrink-0"
+                    trackClassName="h-1.5 bg-white/12 dark:bg-white/12"
+                    rangeClassName="bg-emerald-400 dark:bg-emerald-400"
+                    thumbClassName="h-4 w-4 border border-emerald-300 bg-white shadow-[0_0_0_4px_rgba(16,185,129,0.18)] dark:bg-emerald-50"
                   />
                   <span className="min-w-[48px] shrink-0 text-right text-xs font-medium text-foreground">
                     {(resizeImageScale * 100).toFixed(0)}%