Use full-width layout for the web shell and topbar.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
2026-10-27 22:49:46 +01:00
co-authored by Cursor
parent 472a2fa72e
commit 925bedf259
+7 -4
View File
@@ -69,9 +69,10 @@ code {
} }
.app-shell { .app-shell {
max-width: 1200px; width: 100%;
margin: 0 auto; min-height: 100vh;
padding: 0 1.25rem 1.25rem; margin: 0;
padding: 0;
} }
.topbar { .topbar {
position: sticky; position: sticky;
@@ -81,7 +82,8 @@ code {
gap: 1rem; gap: 1rem;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin: 0 -1.25rem 1.25rem; width: 100%;
margin: 0 0 1.25rem;
padding: 0.85rem 1.25rem; padding: 0.85rem 1.25rem;
border-bottom: 1px solid var(--line); border-bottom: 1px solid var(--line);
background: color-mix(in srgb, var(--bg) 92%, transparent); background: color-mix(in srgb, var(--bg) 92%, transparent);
@@ -102,6 +104,7 @@ code {
display: grid; display: grid;
gap: 1rem; gap: 1rem;
min-width: 0; min-width: 0;
padding: 0 1.25rem 1.25rem;
} }
.app-body.with-sidebar { .app-body.with-sidebar {
grid-template-columns: 220px minmax(0, 1fr); grid-template-columns: 220px minmax(0, 1fr);