Hare/yoi
1
1
Fork 0
Code Actions Packages Releases Activity

web: scope sidebar to workspace routes

Browse Source
This commit is contained in:
Hare
2026-07-23 19:12:50 +09:00
parent 61b1735292
commit 2bd69f9403
6 changed files with 89 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/workspace/src/app.css
+17 -6
View File
@@ -122,9 +122,8 @@
}
}
@layer layout {
.workspace-layout {
.app-layout {
display: grid;
grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
grid-template-rows: auto minmax(0, 1fr);
width: 100vw;
height: 100dvh;
@@ -133,12 +132,25 @@
overflow: hidden;
min-width: 0;
}
.app-shell {
min-width: 0;
min-height: 0;
overflow: auto;
}
.workspace-layout {
display: grid;
grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
min-width: 0;
}
.workspace-layout.sidebar-collapsed {
grid-template-columns: max-content minmax(0, 1fr);
}
.workspace-topbar {
grid-column: 2;
grid-row: 1;
display: flex;
align-items: center;
justify-content: flex-end;
@@ -180,7 +192,6 @@
}
.shell {
grid-column: 2;
grid-row: 2;
display: flex;
flex-direction: column;
gap: var(--space-6);
@@ -236,7 +247,7 @@
@layer components {
.workspace-sidebar {
grid-column: 1;
grid-row: 1 / 3;
grid-row: 1;
align-self: stretch;
min-width: 0;
min-height: 0;