diff options
| author |  tobi <31960611+tsmethurst@users.noreply.github.com> | 2025-03-31 15:51:17 +0200 |
|---|---|---|
| committer |  GitHub <noreply@github.com> | 2025-03-31 15:51:17 +0200 |
| commit | 3949117be01ac8aca7e41a7179506f27627654e5 (patch) | |
| tree | ce5c30ca299a57af69284d58021cc9380cdc553f /web/source/css/profile-gallery.css | |
| parent | [docs] Fix Swagger URL for the "edit status" operation (#3932) (diff) | |
| download | gotosocial-3949117be01ac8aca7e41a7179506f27627654e5.tar.xz | |
[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
Diffstat (limited to 'web/source/css/profile-gallery.css')
| -rw-r--r-- | web/source/css/profile-gallery.css | 19 |
1 files changed, 4 insertions, 15 deletions
diff --git a/web/source/css/profile-gallery.css b/web/source/css/profile-gallery.css index cb70eff22..ef18ed7b0 100644 --- a/web/source/css/profile-gallery.css +++ b/web/source/css/profile-gallery.css @@ -72,27 +72,16 @@ margin-top: 0.15rem; margin-bottom: 0.15rem; + /* Show 3 cols of media */ display: grid; - 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); - } + gap: 0.15rem; .media-wrapper { - aspect-ratio: 4/3; + aspect-ratio: 1; border: 0; border-radius: 0; - background: $bg; + background: $status-bg; } } |