From 4a2fb6ed4850d55c8d9857bf85f21c52d2f37786 Mon Sep 17 00:00:00 2001
From: Song <1667077010@qq.com>
Date: Sat, 19 Jul 2025 04:35:29 +0800
Subject: [PATCH] Improve layout resizer (#240)

Co-authored-by: Gregory Schier <gschier1990@gmail.com>
---
 src-web/components/ResizeHandle.tsx     | 2 +-
 src-web/components/Workspace.tsx        | 2 +-
 src-web/components/core/SplitLayout.tsx | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src-web/components/ResizeHandle.tsx b/src-web/components/ResizeHandle.tsx
index 027b4275..e12c82d3 100644
--- a/src-web/components/ResizeHandle.tsx
+++ b/src-web/components/ResizeHandle.tsx
@@ -31,7 +31,7 @@ export function ResizeHandle({
       onDoubleClick={onReset}
       className={classNames(
         className,
-        'group z-10 flex select-none',
+        'group z-10 flex select-none transition-colors hover:bg-surface-active rounded-full',
         // 'bg-info', // For debugging
         vertical ? 'w-full h-2 cursor-row-resize' : 'h-full w-2 cursor-col-resize',
         justify === 'center' && 'justify-center',
diff --git a/src-web/components/Workspace.tsx b/src-web/components/Workspace.tsx
index d01dae03..5a0d8b66 100644
--- a/src-web/components/Workspace.tsx
+++ b/src-web/components/Workspace.tsx
@@ -173,7 +173,7 @@ export function Workspace() {
             </ErrorBoundary>
           </div>
           <ResizeHandle
-            className="-translate-x-0.5"
+            className="-translate-x-[50%]"
             justify="end"
             side="right"
             isResizing={isResizing}
diff --git a/src-web/components/core/SplitLayout.tsx b/src-web/components/core/SplitLayout.tsx
index 2efc355b..bf75c7de 100644
--- a/src-web/components/core/SplitLayout.tsx
+++ b/src-web/components/core/SplitLayout.tsx
@@ -154,7 +154,7 @@ export function SplitLayout({
           <ResizeHandle
             style={areaD}
             isResizing={isResizing}
-            className={classNames(vertical ? '-translate-y-1.5' : '-translate-x-1.5')}
+            className={classNames(vertical ? '-translate-y-1' : '-translate-x-1')}
             onResizeStart={handleResizeStart}
             onReset={handleReset}
             side={vertical ? 'top' : 'left'}