fix(theme): fix the menu apearence on mobiles
This commit is contained in:
parent
2ca921f682
commit
142e825719
1 changed files with 6 additions and 2 deletions
|
@ -150,9 +150,9 @@ body {
|
|||
background-color: var(--pico-background-color);
|
||||
|
||||
& > header {
|
||||
width: 100vw;
|
||||
width: 100dvw;
|
||||
text-align: center;
|
||||
height: 100vh;
|
||||
height: 100dvh;
|
||||
position: fixed;
|
||||
left: -100vw;
|
||||
top: 0;
|
||||
|
@ -161,6 +161,10 @@ body {
|
|||
transition: left 0.5s;
|
||||
overflow: hidden auto;
|
||||
|
||||
&.active {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
@media (width >= 1024px) {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue