hotel-manage-stack/forecasting
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: pin top-bar/page-content grid rows at mobile widths

Browse source 
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:
jtricerolph 2026-07-04 19:17:01 +00:00
parent d128c6e6bb
commit 851747b561
1 changed files with 2 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/index.css
View file

@ -334,6 +334,7 @@ tr:hover td { background: #f8fafc; }
padding: 0 16px; padding: 0 16px;
height: 52px; height: 52px;
grid-column: 1; grid-column: 1;
grid-row: 1;
overflow-x: auto; overflow-x: auto;
} }
.top-bar-title { .top-bar-title {
@ -356,6 +357,7 @@ tr:hover td { background: #f8fafc; }
.top-bar-nav a.active { color: var(--gold); } .top-bar-nav a.active { color: var(--gold); }
.page-content { .page-content {
grid-column: 1; grid-column: 1;
grid-row: 2;
padding: 16px; padding: 16px;
} }
} }