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

Fixed group creation, updated sanity output

Browse source
This commit is contained in:
Michał Gdula 2022-10-20 12:46:01 +00:00
parent c3814000c0
commit 436a49e3ed
9 changed files with 141 additions and 106 deletions
Download patch file Download diff file Expand all files Collapse all files

44
css/scss/_body.scss
View file

@ -40,36 +40,20 @@
}
}
.gallery-order {
@include defaultFont();
margin-bottom: 1rem;
display: flex;
flex-direction: row;
& > * {
margin-right: 0.5rem;
}
& > *:last-child {
margin-right: 0;
}
}
.gallery-root {
margin-bottom: 1rem;
padding: 0.25rem;
padding: 0.5rem;
gap: 0.5rem;
@include flexLeft(none);
display: grid;
grid-template-columns: auto auto auto auto auto;
}
.gallery-item {
margin: 0.25rem;
margin: 0;
padding: 0;
height: auto;
max-width: calc(20% - 0.5rem);
min-width: calc(20% - 0.5rem);
background-color: $bg;
@if calc($rad - 0.5rem) > 0 {
@ -79,11 +63,8 @@
}
position: relative;
overflow: hidden;
flex: 1 0 150px;
transition: transform 0.15s cubic-bezier(.19, 1, .22, 1);
&:hover {
@ -105,15 +86,13 @@
}
@media (max-width: 800px) {
.gallery-item {
max-width: calc(25% - 0.5rem);
min-width: calc(25% - 0.5rem);
.gallery-root {
grid-template-columns: auto auto auto auto;
}
}
@media (max-width: 550px) {
.gallery-item {
max-width: calc(33.33% - 0.5rem);
min-width: calc(33.33% - 0.5rem);
.gallery-root {
grid-template-columns: auto auto auto;
}
}
@ -544,12 +523,10 @@
}
.group-make {
margin: 0.25rem;
margin: 0;
padding: 0;
height: auto;
max-width: calc(20% - 0.5rem);
min-width: calc(20% - 0.5rem);
@if calc($rad - 0.5rem) > 0 {
border-radius: calc($rad - 0.5rem);
@ -968,6 +945,7 @@
}
.is-admin {
border-left: $border;
//background-image: linear-gradient(to right, rgba($page-accent, 0.3), rgba($page-accent, 0));
}
.user:first-of-type {
background-color: $bg;