powerlifting.pt/site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: mobile menu fills entire screen below header

Browse source
This commit is contained in:
headpatsyou 2026-01-07 09:08:36 +00:00
parent a3dafa971a
commit ac022933c8
1 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/app/globals.css
View file

@ -383,17 +383,18 @@ p { font-size: 1rem; line-height: 1.6; color: var(--foreground); }
display: none; display: none;
flex-direction: column; flex-direction: column;
gap: 0.5rem; gap: 0.5rem;
position: absolute; position: fixed;
top: 100%; top: calc(60px + 6px);
left: 0; left: 0;
right: 0; right: 0;
bottom: 0;
width: 100%; width: 100%;
height: calc(100vh - 60px - 6px);
background: #ffffff; background: #ffffff;
border-bottom: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border);
box-shadow: 0 8px 20px rgba(0,0,0,0.1); box-shadow: 0 8px 20px rgba(0,0,0,0.1);
padding: 1rem; padding: 1rem;
z-index: 100; z-index: 100;
max-height: calc(100vh - 80px);
overflow-y: auto; overflow-y: auto;
} }
.nav-list[data-expanded="true"] { .nav-list[data-expanded="true"] {