fix: pin top-bar/page-content grid rows at mobile widths
page-content kept grid-row 1/-1 from the desktop rule, so the top-bar auto-placed into an implicit row below the content — the nav menu rendered at the bottom of the page. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
d128c6e6bb
commit
851747b561
1 changed files with 2 additions and 0 deletions
|
|
@ -334,6 +334,7 @@ tr:hover td { background: #f8fafc; }
|
|||
padding: 0 16px;
|
||||
height: 52px;
|
||||
grid-column: 1;
|
||||
grid-row: 1;
|
||||
overflow-x: auto;
|
||||
}
|
||||
.top-bar-title {
|
||||
|
|
@ -356,6 +357,7 @@ tr:hover td { background: #f8fafc; }
|
|||
.top-bar-nav a.active { color: var(--gold); }
|
||||
.page-content {
|
||||
grid-column: 1;
|
||||
grid-row: 2;
|
||||
padding: 16px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue