Notoric
/
Portfolio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Padding for nav on mobile

This commit is contained in:
Notoric 2024-05-23 04:10:18 +01:00
parent c2c89e10f4
commit b5760c28da
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
styles/global.css
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,7 +267,6 @@ em {
position: static; position: static;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 20px;
transform: none; transform: none;
} }
@ -334,4 +332,8 @@ em {
body { body {
font-size: 30px; font-size: 30px;
} }
#navbar #links {
padding-bottom: 1em;
}
} }