From cf7c747f955d6bef0d6d1909b32e8712ed1f53ed Mon Sep 17 00:00:00 2001
From: zhangbo <zhangbo@xitu3d.com>
Date: Fri, 17 Apr 2026 17:27:37 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BA=91=E5=AD=98=E5=82=A8=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE=E5=8D=A1=E7=89=87=E6=93=8D=E4=BD=9C=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E6=94=B9=E4=B8=BA=E5=9B=BE=E6=A0=87+Tooltip=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../storage/components/StorageSettingCard.tsx | 108 ++++++++++++------
 1 file changed, 71 insertions(+), 37 deletions(-)

diff --git a/src/pages/storage/components/StorageSettingCard.tsx b/src/pages/storage/components/StorageSettingCard.tsx
index 2828f04..bea3ea9 100644
--- a/src/pages/storage/components/StorageSettingCard.tsx
+++ b/src/pages/storage/components/StorageSettingCard.tsx
@@ -261,43 +261,77 @@ export function StorageSettingCard({
         </div>
 
         {/* Actions Menu */}
-        <div className='mt-4 flex items-center gap-2'>
-          <Button
-            variant={setting.enabled === 1 ? 'outline' : 'default'}
-            size='sm'
-            onClick={() => setToggleDialogOpen(true)}
-            disabled={isLoading}
-          >
-            {setting.enabled === 1 ? '禁用' : '启用'}
-          </Button>
-          <div className='h-6 w-px bg-border' />
-          <Button
-            variant='outline'
-            size='sm'
-            className='flex-1'
-            onClick={() => setViewModalOpen(true)}
-          >
-            <Eye className='mr-1.5 h-3 w-3' />
-            查看
-          </Button>
-          <Button
-            variant='outline'
-            size='sm'
-            className='flex-1'
-            onClick={handleOpenEdit}
-          >
-            <Settings className='mr-1.5 h-3 w-3' />
-            编辑
-          </Button>
-          <Button
-            variant='outline'
-            size='sm'
-            className='flex-1 text-red-600 hover:border-red-300 hover:text-red-700'
-            onClick={() => setDeleteDialogOpen(true)}
-          >
-            <Trash2 className='mr-1.5 h-3 w-3' />
-            删除
-          </Button>
+        <div className='mt-4 flex items-center gap-1'>
+          <TooltipProvider delayDuration={200}>
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <Button
+                  variant={setting.enabled === 1 ? 'outline' : 'default'}
+                  size='icon'
+                  onClick={() => setToggleDialogOpen(true)}
+                  disabled={isLoading}
+                  className='h-8 w-8 shrink-0'
+                >
+                  {setting.enabled === 1 ? (
+                    <Settings className='h-4 w-4' />
+                  ) : (
+                    <Check className='h-4 w-4' />
+                  )}
+                </Button>
+              </TooltipTrigger>
+              <TooltipContent side='top'>
+                <p className='text-xs'>{setting.enabled === 1 ? '禁用' : '启用'}</p>
+              </TooltipContent>
+            </Tooltip>
+
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <Button
+                  variant='outline'
+                  size='icon'
+                  className='h-8 w-8 shrink-0'
+                  onClick={() => setViewModalOpen(true)}
+                >
+                  <Eye className='h-4 w-4' />
+                </Button>
+              </TooltipTrigger>
+              <TooltipContent side='top'>
+                <p className='text-xs'>查看配置</p>
+              </TooltipContent>
+            </Tooltip>
+
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <Button
+                  variant='outline'
+                  size='icon'
+                  className='h-8 w-8 shrink-0'
+                  onClick={handleOpenEdit}
+                >
+                  <Settings className='h-4 w-4' />
+                </Button>
+              </TooltipTrigger>
+              <TooltipContent side='top'>
+                <p className='text-xs'>编辑配置</p>
+              </TooltipContent>
+            </Tooltip>
+
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <Button
+                  variant='outline'
+                  size='icon'
+                  className='h-8 w-8 shrink-0 text-red-600 hover:border-red-300 hover:bg-red-50 hover:text-red-700 dark:hover:bg-red-950'
+                  onClick={() => setDeleteDialogOpen(true)}
+                >
+                  <Trash2 className='h-4 w-4' />
+                </Button>
+              </TooltipTrigger>
+              <TooltipContent side='top'>
+                <p className='text-xs'>删除配置</p>
+              </TooltipContent>
+            </Tooltip>
+          </TooltipProvider>
         </div>
       </li>
 
-- 
Gitee