fix: mobile menu fills entire screen below header
This commit is contained in:
parent
a3dafa971a
commit
ac022933c8
1 changed files with 4 additions and 3 deletions
|
|
@ -383,17 +383,18 @@ p { font-size: 1rem; line-height: 1.6; color: var(--foreground); }
|
|||
display: none;
|
||||
flex-direction: column;
|
||||
gap: 0.5rem;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
position: fixed;
|
||||
top: calc(60px + 6px);
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: calc(100vh - 60px - 6px);
|
||||
background: #ffffff;
|
||||
border-bottom: 1px solid var(--color-border);
|
||||
box-shadow: 0 8px 20px rgba(0,0,0,0.1);
|
||||
padding: 1rem;
|
||||
z-index: 100;
|
||||
max-height: calc(100vh - 80px);
|
||||
overflow-y: auto;
|
||||
}
|
||||
.nav-list[data-expanded="true"] {
|
||||
|
|
|
|||
Loading…
Reference in a new issue