Compare commits

...

2 Commits

Author SHA1 Message Date
Notoric b5760c28da Padding for nav on mobile 2024-05-23 04:10:18 +01:00
Notoric c2c89e10f4 Fixed underline styles for menu on mobile 2024-05-23 04:06:03 +01:00
1 changed files with 11 additions and 5 deletions

View File

@ -244,7 +244,7 @@ em {
#navbar { #navbar {
flex-direction: column; flex-direction: column;
height: calc(100vh - 120px); height: 100vh;
width: 100vw; width: 100vw;
justify-content: space-between; justify-content: space-between;
position: absolute; position: absolute;
@ -252,7 +252,6 @@ em {
font-size: 3em; font-size: 3em;
margin: 0; margin: 0;
border: 0; border: 0;
padding-block: 60px;
padding-inline: 0; padding-inline: 0;
transform: translateX(-100vw); transform: translateX(-100vw);
transition: transform 0.5s ease; transition: transform 0.5s ease;
@ -268,17 +267,20 @@ em {
position: static; position: static;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 20px;
width: 100%;
transform: none; transform: none;
} }
#links a, #nav a { #links a, #nav a {
justify-content: center; justify-content: center;
width: 100%;
text-align: right; text-align: right;
} }
#links a:after, #nav a:after {
right: auto;
height: 1.2em;
}
#nav { #nav {
transform: translatey(2em); transform: translatey(2em);
} }
@ -330,4 +332,8 @@ em {
body { body {
font-size: 30px; font-size: 30px;
} }
#navbar #links {
padding-bottom: 1em;
}
} }