From 39a02510f087fe2d8adee76dce73ad63a48821fa Mon Sep 17 00:00:00 2001 From: Leonardo Christino <leomilho@gmail.com> Date: Tue, 23 Apr 2024 16:13:33 +0200 Subject: [PATCH] chore: style resizable on hover --- libs/shared/lib/components/Resizable.tsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/libs/shared/lib/components/Resizable.tsx b/libs/shared/lib/components/Resizable.tsx index 18069c8db..9b88169e6 100644 --- a/libs/shared/lib/components/Resizable.tsx +++ b/libs/shared/lib/components/Resizable.tsx @@ -125,7 +125,9 @@ export const Resizable = ({ {children2[0]} </div> <div - className={' ' + (horizontal ? 'cursor-col-resize' : 'cursor-row-resize') + (dragging ? ' bg-primary-200' : '')} + className={ + 'hover:bg-primary-200 ' + (horizontal ? 'cursor-col-resize' : 'cursor-row-resize') + (dragging ? ' bg-primary-300' : '') + } style={horizontal ? { minWidth: divisorSize } : { minHeight: divisorSize }} onMouseDown={onMouseDown} onTouchStart={onTouchStart} -- GitLab