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

Making nav a bit smoler

Browse source
This commit is contained in:
Michał Gdula 2022-09-29 09:34:41 +00:00
parent 33927c63ef
commit 3dfe386a8c
5 changed files with 48 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

13
css/main.css
View file

@ -50,7 +50,7 @@ nav {
margin: 0 auto 1rem;
padding: 0.5rem;
width: calc(100% - 1.4rem);
height: 2.5rem;
height: auto;
position: -webkit-sticky;
position: sticky;
z-index: 99;
@ -91,6 +91,9 @@ nav .btn {
font-family: "Secular One", sans-serif;
width: auto;
}
.nav-links a.btn {
padding: 0.2rem 0.5rem;
}
.nav-mobile {
display: none;
@ -108,6 +111,7 @@ nav .btn {
nav {
margin: 0;
width: calc(100% - 1rem);
height: 2.5rem;
position: fixed;
top: auto;
bottom: 0;
@ -126,6 +130,9 @@ nav .btn {
margin: 0;
display: block;
}
.nav-links a.btn {
padding: 0.5rem;
}
.nav-hide {
display: none;
}
@ -262,6 +269,9 @@ nav .btn {
box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4);
z-index: 9;
}
.gallery-item:active {
transform: scale(0.8) !important;
}
.gallery-item:after {
content: "";
display: block;
@ -558,6 +568,7 @@ nav .btn {
.selectedImage {
outline: #8C977D solid 0.3rem;
transform: scale(0.8) !important;
}
.group-name {