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

web: restore root sidebar chrome

Browse Source
This commit is contained in:
Hare
2026-07-23 19:47:11 +09:00
parent 308e1ffdbc
commit b3854004a1
6 changed files with 57 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/workspace/src/app.css
+15 -42
View File
@@ -122,35 +122,12 @@
}
}
@layer layout {
.app-layout {
display: grid;
grid-template-rows: auto minmax(0, 1fr);
width: 100vw;
height: 100dvh;
margin: 0;
padding: 0;
overflow: hidden;
min-width: 0;
}
.app-shell {
display: grid;
min-width: 0;
min-height: 0;
overflow: hidden;
}
.app-shell.global-sidebar-layout {
grid-template-columns: minmax(180px, 240px) minmax(0, 1fr);
}
.app-content {
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%;
grid-template-rows: auto minmax(0, 1fr);
width: 100vw;
height: 100dvh;
margin: 0;
padding: 0;
overflow: hidden;
@@ -160,6 +137,8 @@
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;
@@ -201,6 +180,7 @@
}
.shell {
grid-column: 2;
grid-row: 2;
display: flex;
flex-direction: column;
gap: var(--space-6);
@@ -223,26 +203,15 @@
gap: var(--space-4);
}
@media (max-width: 760px) {
.app-layout {
height: auto;
min-height: 100dvh;
overflow: visible;
}
.app-shell,
.app-shell.global-sidebar-layout {
grid-template-columns: 1fr;
overflow: visible;
}
.app-content {
overflow: visible;
}
.global-sidebar {
grid-column: 1;
grid-row: 1;
border-right: 0;
border-bottom: 1px solid var(--line);
}
.workspace-layout {
grid-template-columns: 1fr;
grid-template-rows: auto 1fr;
grid-template-rows: auto auto 1fr;
width: 100%;
height: auto;
min-height: 0;
@@ -258,11 +227,13 @@
border-bottom: 1px solid var(--line);
}
.workspace-topbar {
grid-column: 1;
grid-row: 2;
padding: 0 var(--space-4);
}
.shell {
grid-column: 1;
grid-row: 2;
grid-row: 3;
overflow: visible;
padding: var(--space-5) var(--space-4);
}
@@ -270,6 +241,8 @@
}
@layer components {
.global-sidebar {
grid-column: 1;
grid-row: 1 / 3;
min-width: 0;
min-height: 0;
overflow-y: auto;
@@ -282,7 +255,7 @@
}
.workspace-sidebar {
grid-column: 1;
grid-row: 1;
grid-row: 1 / 3;
align-self: stretch;
min-width: 0;
min-height: 0;