feat: Even *more* adaptive navbar

Oh and icons can be disabled without the nav turning into shit
This commit is contained in:
daudix
2024-01-23 11:43:04 +03:00
parent f8efb69e6c
commit 9595796101
2 changed files with 41 additions and 16 deletions

View File

@ -11,9 +11,10 @@
width: min(calc(var(--content-width) + 10rem), 90%);
z-index: 1;
@media screen and (max-width: 480px) {
@media screen and (max-width: 720px) {
& {
position: static;
width: auto;
max-width: min(calc(var(--content-width) + 10rem), 90%);
}
}
@ -24,7 +25,7 @@
align-items: center;
padding: 0.5rem;
@media screen and (max-width: 630px) {
@media screen and (max-width: 720px) {
& {
justify-content: center;
}
@ -61,6 +62,24 @@
&:active {
transform: scale(var(--active));
}
@media screen and (max-width: 480px) {
&:has(span) {
padding: 0.325rem 0.625rem;
span {
display: none;
}
}
}
}
#home {
margin-right: 0.25rem;
}
#feed {
margin-left: 0.25rem;
}
}
}