mirror of
https://github.com/anomalyco/opencode.git
synced 2026-05-01 22:10:23 +00:00
Desktop: Improve Resize Handle (#6608)
This commit is contained in:
parent
7aa1dbe873
commit
680db7b9e4
2 changed files with 40 additions and 6 deletions
|
|
@ -2,12 +2,33 @@
|
|||
position: absolute;
|
||||
z-index: 10;
|
||||
|
||||
&::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
background-color: var(--color-border-strong-base);
|
||||
opacity: 0;
|
||||
transition: opacity 0.15s ease-in-out;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
&:hover::after,
|
||||
&:active::after {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&[data-direction="horizontal"] {
|
||||
inset-block: 0;
|
||||
inset-inline-end: 0;
|
||||
width: 8px;
|
||||
transform: translateX(50%);
|
||||
cursor: ew-resize;
|
||||
|
||||
&::after {
|
||||
width: 3px;
|
||||
inset-block: 0;
|
||||
inset-inline-start: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
|
||||
&[data-direction="vertical"] {
|
||||
|
|
@ -16,5 +37,12 @@
|
|||
height: 8px;
|
||||
transform: translateY(-50%);
|
||||
cursor: ns-resize;
|
||||
|
||||
&::after {
|
||||
height: 3px;
|
||||
inset-inline: 0;
|
||||
inset-block-start: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue