mirror of
https://github.com/mountain-loop/yaak.git
synced 2026-04-21 00:11:21 +02:00
Improve layout resizer (#240)
Co-authored-by: Gregory Schier <gschier1990@gmail.com>
This commit is contained in:
@@ -31,7 +31,7 @@ export function ResizeHandle({
|
|||||||
onDoubleClick={onReset}
|
onDoubleClick={onReset}
|
||||||
className={classNames(
|
className={classNames(
|
||||||
className,
|
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
|
// 'bg-info', // For debugging
|
||||||
vertical ? 'w-full h-2 cursor-row-resize' : 'h-full w-2 cursor-col-resize',
|
vertical ? 'w-full h-2 cursor-row-resize' : 'h-full w-2 cursor-col-resize',
|
||||||
justify === 'center' && 'justify-center',
|
justify === 'center' && 'justify-center',
|
||||||
|
|||||||
@@ -173,7 +173,7 @@ export function Workspace() {
|
|||||||
</ErrorBoundary>
|
</ErrorBoundary>
|
||||||
</div>
|
</div>
|
||||||
<ResizeHandle
|
<ResizeHandle
|
||||||
className="-translate-x-0.5"
|
className="-translate-x-[50%]"
|
||||||
justify="end"
|
justify="end"
|
||||||
side="right"
|
side="right"
|
||||||
isResizing={isResizing}
|
isResizing={isResizing}
|
||||||
|
|||||||
@@ -154,7 +154,7 @@ export function SplitLayout({
|
|||||||
<ResizeHandle
|
<ResizeHandle
|
||||||
style={areaD}
|
style={areaD}
|
||||||
isResizing={isResizing}
|
isResizing={isResizing}
|
||||||
className={classNames(vertical ? '-translate-y-1.5' : '-translate-x-1.5')}
|
className={classNames(vertical ? '-translate-y-1' : '-translate-x-1')}
|
||||||
onResizeStart={handleResizeStart}
|
onResizeStart={handleResizeStart}
|
||||||
onReset={handleReset}
|
onReset={handleReset}
|
||||||
side={vertical ? 'top' : 'left'}
|
side={vertical ? 'top' : 'left'}
|
||||||
|
|||||||
Reference in New Issue
Block a user