Galleries/PHPGallery
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/image-gallery.git synced 2025-05-27 13:53:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Moving nav bar to bottom when smol screen and fixing broken code on seperate pages

Browse source
This commit is contained in:
Michał Gdula 2022-08-09 11:14:30 +01:00
parent bf449271e6
commit 2cffd0debd
11 changed files with 130 additions and 81 deletions
Download patch file Download diff file Expand all files Collapse all files

20
css/nav.css
View file

@ -54,10 +54,30 @@ nav hr {
}
@media (max-width: 550px) {
nav {
margin: 0;
width: calc(100vw - 2rem));
position: fixed;
top: auto; bottom: 0; left: 0; right: 0;
border: none;
border-top: 3px solid var(--green);
backdrop-filter: blur(16px);
}
.nav-hide {
display: none;
}
.nav-links a .svg {
margin: 0;
}
footer {
margin-bottom: 3.5rem !important;
}
#back-to-top {
bottom: 4.5rem !important;
}
}