Use full-width layout for the web shell and topbar.
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
+7
-4
@@ -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);
|
||||||
|
|||||||
Reference in New Issue
Block a user