From 1323d3e883b03a51b2f5e50ee0f07aa5a279aa58 Mon Sep 17 00:00:00 2001
From: xintaofei <itpkcn@gmail.com>
Date: Thu, 23 Apr 2026 11:24:24 +0800
Subject: [PATCH] fix(mode-tabs): use rem heights so workspace mode tabs scale
 with zoom

---
 src/components/layout/folder-title-bar.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/layout/folder-title-bar.tsx b/src/components/layout/folder-title-bar.tsx
index 98fcbb5..c96f7de 100644
--- a/src/components/layout/folder-title-bar.tsx
+++ b/src/components/layout/folder-title-bar.tsx
@@ -212,7 +212,7 @@ export function FolderTitleBar() {
       ref={modeContainerRef}
       role="tablist"
       aria-label={tModes("workspaceModesAria")}
-      className="relative inline-flex h-[27px] items-center rounded-full border border-border/50 bg-muted/50 p-0.5"
+      className="relative inline-flex h-[1.6875rem] items-center rounded-full border border-border/50 bg-muted/50 p-0.5"
     >
       {modeIndicator && (
         <div
@@ -240,7 +240,7 @@ export function FolderTitleBar() {
             role="tab"
             tabIndex={0}
             className={cn(
-              "relative z-10 m-0 flex h-[23px] cursor-pointer select-none items-center justify-center gap-1 rounded-full border-0 bg-transparent p-0 align-middle text-xs font-medium leading-none transition-all duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/60",
+              "relative z-10 m-0 flex h-[1.4375rem] cursor-pointer select-none items-center justify-center gap-1 rounded-full border-0 bg-transparent p-0 align-middle text-xs font-medium leading-none transition-all duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/60",
               isActive ? "px-2.5" : "px-2",
               isActive
                 ? "text-foreground"