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

Code cleanup in progress

Browse source
This commit is contained in:
Michał Gdula 2022-09-21 13:02:38 +00:00
parent 6de757215f
commit 5a591c59bc
13 changed files with 339 additions and 348 deletions
Download patch file Download diff file Expand all files Collapse all files

15
css/main.css
View file

@ -217,7 +217,8 @@ nav .btn {
margin: 0.25rem;
padding: 0;
height: auto;
max-width: calc(33.33% - 0.5rem);
max-width: calc(20% - 0.5rem);
min-width: calc(20% - 0.5rem);
background-color: #151515;
border-radius: -0.25rem;
position: relative;
@ -236,6 +237,18 @@ nav .btn {
padding-bottom: 100%;
}
@media (max-width: 800px) {
.gallery-item {
max-width: calc(25% - 0.5rem);
min-width: calc(25% - 0.5rem);
}
}
@media (max-width: 550px) {
.gallery-item {
max-width: calc(33.33% - 0.5rem);
min-width: calc(33.33% - 0.5rem);
}
}
.gallery-image {
margin: 0;
padding: 0;

16
css/scss/_body.scss
View file

@ -64,7 +64,8 @@
padding: 0;
height: auto;
max-width: calc(33.33% - 0.5rem);
max-width: calc(20% - 0.5rem);
min-width: calc(20% - 0.5rem);
background-color: $bg;
border-radius: calc($rad - 0.5rem);
@ -91,6 +92,19 @@
}
}
@media (max-width: 800px) {
.gallery-item {
max-width: calc(25% - 0.5rem);
min-width: calc(25% - 0.5rem);
}
}
@media (max-width: 550px) {
.gallery-item {
max-width: calc(33.33% - 0.5rem);
min-width: calc(33.33% - 0.5rem);
}
}
.gallery-image {
margin: 0;
padding: 0;