Padding for nav on mobile
This commit is contained in:
parent
c2c89e10f4
commit
b5760c28da
|
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
Loading…
Reference in New Issue