From 6711783975b6a6581afb46546b9852993eaf4298 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 00:38:48 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=20TypeScript=20=E7=B1=BB?=
 =?UTF-8?q?=E5=9E=8B=E9=94=99=E8=AF=AF=EF=BC=9A=E5=B0=86=20MUI=20sx=20?=
 =?UTF-8?q?=E8=AF=AD=E6=B3=95=E6=94=B9=E6=88=90=E6=A0=87=E5=87=86=20CSS=20?=
 =?UTF-8?q?=E5=B1=9E=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 entrypoints/options/App.tsx           |  2 +-
 entrypoints/popup/App.tsx             |  4 ----
 pages/JsonTools/JsonFormatSection.tsx |  2 +-
 pages/QrCode/index.tsx                |  4 ++--
 pages/StorageCleaner/DomainHeader.tsx | 11 ++++++++---
 pages/TextStatistics/index.tsx        |  2 +-
 pages/Timestamp/index.tsx             |  2 +-
 7 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/entrypoints/options/App.tsx b/entrypoints/options/App.tsx
index 5605344..4b15a30 100644
--- a/entrypoints/options/App.tsx
+++ b/entrypoints/options/App.tsx
@@ -397,7 +397,7 @@ export default function App() {
               iconColor={theme.palette.primary.main}
               title="应用设置"
               subtitle="针对不同窗口类型独立配置 Dashboard 中显示的功能及其排序"
-              sx={{ mb: 4 }}
+              sx={{ marginBottom: '1rem' }}
             />
             {/* Tab 与恢复按钮同行 */}
             <Stack
diff --git a/entrypoints/popup/App.tsx b/entrypoints/popup/App.tsx
index a7835dd..3e71281 100644
--- a/entrypoints/popup/App.tsx
+++ b/entrypoints/popup/App.tsx
@@ -6,7 +6,6 @@ import { SnackbarProvider } from '@/components/GlobalSnackbar';
 import { Box } from '@mui/material';
 import { getEntryPointType } from '@/config/features';
 import { useMemo } from 'react';
-import { Button } from '@/components/ui/button';
 
 export default function App() {
   // 打开Chrome扩展选项页面，需确保manifest中已配置options_page或options_ui
@@ -64,9 +63,6 @@ export default function App() {
           <ErrorBoundary>
             <RouterContainer />
           </ErrorBoundary>
-          <Button variant="outline" className="m-4">
-            测试 Tailwind CSS 按钮
-          </Button>
         </Box>
       </SnackbarProvider>
     </RouterProvider>
diff --git a/pages/JsonTools/JsonFormatSection.tsx b/pages/JsonTools/JsonFormatSection.tsx
index 412dbdd..e60b5b3 100644
--- a/pages/JsonTools/JsonFormatSection.tsx
+++ b/pages/JsonTools/JsonFormatSection.tsx
@@ -80,7 +80,7 @@ export default function JsonFormatSection() {
             value={indentSize}
             onChange={(v) => setIndentSize(v)}
             options={INDENT_OPTIONS.map((size) => ({ value: size, label: String(size) }))}
-            sx={{ width: 'auto', mb: 0, flexShrink: 0 }}
+            sx={{ width: 'auto', marginBottom: 0, flexShrink: 0 }}
             size="small"
           />
 
diff --git a/pages/QrCode/index.tsx b/pages/QrCode/index.tsx
index 878514e..7209baf 100644
--- a/pages/QrCode/index.tsx
+++ b/pages/QrCode/index.tsx
@@ -28,14 +28,14 @@ export default function Index() {
             subtitle={t('qrCode:pageSubtitle')}
             icon={<QrCode />}
             iconColor={qrCodePageStyles.primaryColor}
-            sx={{ mb: 2.5 }}
+            sx={{ marginBottom: '0.625rem' }}
           />
 
           <SwitchButtonGroup
             value={qrCode.mode}
             options={modeOptions}
             onChange={qrCode.setMode}
-            sx={{ mb: 3 }}
+            sx={{ marginBottom: '0.75rem' }}
           />
 
           {qrCode.mode === 'generate' ? <GeneratePanel /> : <ParsePanel />}
diff --git a/pages/StorageCleaner/DomainHeader.tsx b/pages/StorageCleaner/DomainHeader.tsx
index 999b2b8..7203936 100644
--- a/pages/StorageCleaner/DomainHeader.tsx
+++ b/pages/StorageCleaner/DomainHeader.tsx
@@ -43,7 +43,12 @@ export default function DomainHeader({ domain, totalSize }: DomainHeaderProps) {
           </Box>
         ) : null
       }
-      iconSx={storageCleanerPageStyles.DOMAIN_HEADER_ICON}
+      iconSx={{
+        padding: '0.3rem',
+        borderRadius: '0.75rem',
+        boxShadow: '0 2px 8px rgba(245, 158, 11, 0.15)',
+        transition: 'all 0.2s',
+      }}
       titleSx={{
         fontSize: '1rem',
       }}
@@ -53,10 +58,10 @@ export default function DomainHeader({ domain, totalSize }: DomainHeaderProps) {
         overflow: 'hidden',
         textOverflow: 'ellipsis',
         whiteSpace: 'nowrap',
-        mt: 0.3,
+        marginTop: '0.3rem',
         fontSize: '0.75rem',
       }}
-      sx={{ mb: 3 }}
+      sx={{ marginBottom: '0.75rem' }}
     />
   );
 }
diff --git a/pages/TextStatistics/index.tsx b/pages/TextStatistics/index.tsx
index 313a439..eebd2a8 100644
--- a/pages/TextStatistics/index.tsx
+++ b/pages/TextStatistics/index.tsx
@@ -52,7 +52,7 @@ export default function Index() {
           minRows={8}
           maxRows={15}
           showClear={false}
-          sx={{ mb: 3 }}
+          sx={{ marginBottom: '0.75rem' }}
         />
 
         {/* 统计结果展示区域 */}
diff --git a/pages/Timestamp/index.tsx b/pages/Timestamp/index.tsx
index 9197634..4b44f7b 100644
--- a/pages/Timestamp/index.tsx
+++ b/pages/Timestamp/index.tsx
@@ -77,7 +77,7 @@ export default function Index() {
                     { value: 's', label: t('timestamp:unitS') },
                   ]}
                   onChange={(v) => setUnit(v as 'ms' | 's')}
-                  sx={{ width: 'auto', mb: 0, flexShrink: 0 }}
+                  sx={{ width: 'auto', marginBottom: 0, flexShrink: 0 }}
                   size="small"
                 />