mirror of
https://github.com/superseriousbusiness/gotosocial.git
synced 2025-11-26 15:23:33 -06:00
[feature] Use blurhashes in frontend, tidy up gallery view a bit (#3948)
* [feature] Use blurhashes in frontend, tidy up gallery view a bit * weeeeeeeeeeeeeeeee * beep boop
This commit is contained in:
parent
85fb63f46f
commit
3949117be0
17 changed files with 508 additions and 124 deletions
|
|
@ -72,27 +72,16 @@
|
|||
margin-top: 0.15rem;
|
||||
margin-bottom: 0.15rem;
|
||||
|
||||
/* Show 3 cols of media */
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 0.15rem;
|
||||
|
||||
/* Desktop-ish width, show 3 cols of media */
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
|
||||
@media screen and (max-width: 55rem) {
|
||||
/* Tablet-ish width, switch to 2 cols */
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 36rem) {
|
||||
/* Mobile-ish width, switch to 1 col */
|
||||
grid-template-columns: repeat(1, 1fr);
|
||||
}
|
||||
|
||||
.media-wrapper {
|
||||
aspect-ratio: 4/3;
|
||||
aspect-ratio: 1;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: $bg;
|
||||
background: $status-bg;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue