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);
|
background-color: var(--pico-background-color);
|
||||||
|
|
||||||
& > header {
|
& > header {
|
||||||
width: 100vw;
|
width: 100dvw;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
height: 100vh;
|
height: 100dvh;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
left: -100vw;
|
left: -100vw;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
@ -161,6 +161,10 @@ body {
|
||||||
transition: left 0.5s;
|
transition: left 0.5s;
|
||||||
overflow: hidden auto;
|
overflow: hidden auto;
|
||||||
|
|
||||||
|
&.active {
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
@media (width >= 1024px) {
|
@media (width >= 1024px) {
|
||||||
position: sticky;
|
position: sticky;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue