diff options
| author | Daniel Polito <[email protected]> | 2026-01-01 21:26:34 -0300 |
|---|---|---|
| committer | GitHub <[email protected]> | 2026-01-01 18:26:34 -0600 |
| commit | 680db7b9e4a9dbcaadbd25cf2220fb5d7f538c05 (patch) | |
| tree | 935dc9c0743fe7ac45070e9a991a043716b96842 /packages/app/src | |
| parent | 7aa1dbe8731c687e09401e9a59a19ebd380182b5 (diff) | |
| download | opencode-680db7b9e4a9dbcaadbd25cf2220fb5d7f538c05.tar.gz opencode-680db7b9e4a9dbcaadbd25cf2220fb5d7f538c05.zip | |
Desktop: Improve Resize Handle (#6608)
Diffstat (limited to 'packages/app/src')
| -rw-r--r-- | packages/app/src/pages/layout.tsx | 18 |
1 files changed, 12 insertions, 6 deletions
diff --git a/packages/app/src/pages/layout.tsx b/packages/app/src/pages/layout.tsx index 7aa1e2448..4629cd9b6 100644 --- a/packages/app/src/pages/layout.tsx +++ b/packages/app/src/pages/layout.tsx @@ -1034,13 +1034,20 @@ export default function Layout(props: ParentProps) { <div class="flex-1 min-h-0 flex"> <div classList={{ - "hidden xl:flex": true, - "relative @container w-12 pb-5 shrink-0 bg-background-base": true, - "flex-col gap-5.5 items-start self-stretch justify-between": true, - "border-r border-border-weak-base contain-strict": true, + "hidden xl:block": true, + "relative shrink-0": true, }} - style={{ width: layout.sidebar.opened() ? `${layout.sidebar.width()}px` : undefined }} + style={{ width: layout.sidebar.opened() ? `${layout.sidebar.width()}px` : "48px" }} > + <div + classList={{ + "@container w-full h-full pb-5 bg-background-base": true, + "flex flex-col gap-5.5 items-start self-stretch justify-between": true, + "border-r border-border-weak-base contain-strict": true, + }} + > + <SidebarContent /> + </div> <Show when={layout.sidebar.opened()}> <ResizeHandle direction="horizontal" @@ -1052,7 +1059,6 @@ export default function Layout(props: ParentProps) { onCollapse={layout.sidebar.close} /> </Show> - <SidebarContent /> </div> <div class="xl:hidden"> <div |