From 72883b5d1d9d1f6a755230fe06a604e1b4a522d0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9B=A8=E9=9C=96=E9=93=83?= <rsgltzyd@hotmail.com>
Date: Fri, 22 May 2026 18:08:44 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=A2=9E=E5=BC=BA=20SwitchButtonGroup?=
 =?UTF-8?q?=20=E5=92=8C=E7=AB=8B=E5=8D=B3=E8=BD=AC=E6=8D=A2=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E7=9A=84=E8=A7=86=E8=A7=89=E5=B1=82=E7=BA=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- SwitchButtonGroup 选中按钮阴影从 shadow-sm 升级到 shadow-md
- 同步更新单元测试中断言
- Timestamp 立即转换按钮添加 shadow-md 增强边界感
---
 components/SwitchButtonGroup.tsx                | 4 ++--
 components/__tests__/SwitchButtonGroup.test.tsx | 4 ++--
 pages/Timestamp/index.tsx                       | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/SwitchButtonGroup.tsx b/components/SwitchButtonGroup.tsx
index 1fe47d0..016c93c 100644
--- a/components/SwitchButtonGroup.tsx
+++ b/components/SwitchButtonGroup.tsx
@@ -40,8 +40,8 @@ export default function SwitchButtonGroup<T extends string | number = string>({
             sizeClasses[size]
           } ${
             value === option.value
-              ? 'bg-background text-primary shadow-sm'
-              : 'text-muted-foreground hover:text-foreground hover:bg-background/50'
+              ? 'bg-primary text-primary-foreground shadow-md'
+              : 'text-muted-foreground hover:text-foreground hover:bg-muted'
           }`}
           style={buttonSx}
         >
diff --git a/components/__tests__/SwitchButtonGroup.test.tsx b/components/__tests__/SwitchButtonGroup.test.tsx
index 0fde098..0bd9737 100644
--- a/components/__tests__/SwitchButtonGroup.test.tsx
+++ b/components/__tests__/SwitchButtonGroup.test.tsx
@@ -22,7 +22,7 @@ describe('SwitchButtonGroup 组件', () => {
     const buttonB = screen.getByRole('button', { name: /选项B/i });
 
     // 选中的按钮有 bg-background text-primary shadow-sm 类
-    expect(buttonA).toHaveClass('bg-background', 'text-primary', 'shadow-sm');
+    expect(buttonA).toHaveClass('bg-primary', 'text-primary-foreground', 'shadow-md');
     // 未选中的按钮有 text-muted-foreground 类
     expect(buttonB).toHaveClass('text-muted-foreground');
   });
@@ -123,7 +123,7 @@ describe('SwitchButtonGroup 组件', () => {
       const button4 = screen.getByRole('button', { name: /^4$/i });
 
       expect(button2).toHaveClass('text-muted-foreground');
-      expect(button4).toHaveClass('bg-background', 'text-primary', 'shadow-sm');
+      expect(button4).toHaveClass('bg-primary', 'text-primary-foreground', 'shadow-md');
     });
 
     it('点击 number 选项时应传回 number 值', () => {
diff --git a/pages/Timestamp/index.tsx b/pages/Timestamp/index.tsx
index 469002b..b465625 100644
--- a/pages/Timestamp/index.tsx
+++ b/pages/Timestamp/index.tsx
@@ -98,7 +98,7 @@ export default function Index() {
             {/* 立即转换 */}
             <button
               onClick={convert}
-              className="block mx-auto mt-4 mb-1 max-w-[240px] w-full py-2.5 text-sm font-semibold rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 transition-all"
+              className="block mx-auto mt-4 mb-1 max-w-[240px] w-full py-2.5 text-sm font-semibold rounded-lg bg-primary text-primary-foreground shadow-md hover:bg-primary/90 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 transition-all"
             >
               {t('timestamp:convertButton')}
             </button>