Leilukin
/
leilukin-site
mirror of https://github.com/helenclx/leilukin-site.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Turn popover navigation menu into flexbox

This commit is contained in:
Helen Chong 2024-07-21 09:56:10 +08:00
parent e567491575
commit 2d8eb5e429
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/_includes/global/navbar.njk
View File

@ -37,8 +37,9 @@
list-style-type: ""; list-style-type: "";
margin: 0; margin: 0;
padding: 0; padding: 0;
display: grid; display: flex;
gap: 1.5em; gap: 1em;
flex-wrap: wrap;
text-align: center; text-align: center;
} }
@ -75,7 +76,8 @@
.navbar__popover { .navbar__popover {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
border: 0.15em solid var(--clr-navbar-link); border: 0.15em solid var(--clr-navbar-link);
padding: 2em 3em; padding: 1.5em;
max-width: 85%;
} }
.navbar__popover::backdrop { .navbar__popover::backdrop {
@ -90,6 +92,7 @@
.navbar__links { .navbar__links {
display: flex; display: flex;
flex-wrap: wrap;
justify-content: space-evenly; justify-content: space-evenly;
gap: 0.5em; gap: 0.5em;
} }