From 87aac277ec8007ec25bc201dc4a3d82abc30c40f Mon Sep 17 00:00:00 2001
From: Syngnat <yangguofeng919@gmail.com>
Date: Sat, 28 Feb 2026 12:53:06 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20style(redis-viewer):=20=E5=AF=B9?=
 =?UTF-8?q?=E9=BD=90=20Redis=20=E6=8B=96=E6=8B=BD=E5=88=86=E5=89=B2?=
 =?UTF-8?q?=E6=9D=A1=E4=B8=8E=E4=BE=A7=E8=BE=B9=E6=A0=8F=E5=AE=BD=E5=BA=A6?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 分割条宽度调整为与 host 侧边栏一致
- 分割条背景统一为 transparent，去除 hover 强对比效果
- 保持拖拽命中区与提示文案，提升整体样式一致性
---
 frontend/src/components/RedisViewer.tsx | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/RedisViewer.tsx b/frontend/src/components/RedisViewer.tsx
index c62aced..23855aa 100644
--- a/frontend/src/components/RedisViewer.tsx
+++ b/frontend/src/components/RedisViewer.tsx
@@ -218,18 +218,17 @@ const ResizableDivider: React.FC<{
         <div
             onMouseDown={handleMouseDown}
             style={{
-                width: 6,
+                width: 5,
                 cursor: 'col-resize',
-                background: '#f0f0f0',
+                background: 'transparent',
                 flexShrink: 0,
                 display: 'flex',
                 alignItems: 'center',
-                justifyContent: 'center'
+                justifyContent: 'center',
+                zIndex: 10,
             }}
-            onMouseEnter={(e) => (e.currentTarget.style.background = '#d9d9d9')}
-            onMouseLeave={(e) => (e.currentTarget.style.background = '#f0f0f0')}
+            title="拖动调整宽度"
         >
-            <div style={{ width: 2, height: 30, background: '#bfbfbf', borderRadius: 1 }} />
         </div>
     );
 };