Antoine/lhoist-stay-safe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refining responsiveness (scroll menu on mobile please)

Browse Source
This commit is contained in:
Antoine M 2024-05-16 17:08:11 +02:00
parent 42bdaaf103
commit 96d6ec0181
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/assets/css/components/layout/Nav.scss
View File

@ -1,5 +1,5 @@
nav.main-menu { nav.main-menu {
@apply absolute top-0 left-0 py-3 pr-6 w-full flex gap-6 justify-between md:justify-end; @apply absolute top-0 left-0 py-3 px-6 w-full flex gap-6 justify-between md:justify-end;
z-index: 48; z-index: 48;
box-sizing: border-box; box-sizing: border-box;
} }
@ -12,10 +12,13 @@ nav.main-menu {
box-sizing: border-box; box-sizing: border-box;
} }
} }
.menu[open] {
@apply overflow-y-auto;
}
.menu { .menu {
@apply bg-lhoist w-full h-screen fixed bottom-0 left-0; @apply bg-lhoist w-full h-screen fixed bottom-0 left-0;
height: 100dvh; height: 100dvh;
box-sizing: border-box;
// &[open] { // &[open] {
// @apply block; // @apply block;
// } // }