diff options
| author |  tobi <31960611+tsmethurst@users.noreply.github.com> | 2024-02-21 14:24:04 +0100 |
|---|---|---|
| committer |  GitHub <noreply@github.com> | 2024-02-21 14:24:04 +0100 |
| commit | 2d9e498f9693c9fe553aa93c3faee9883a4d1e77 (patch) | |
| tree | ac8768e6d2bdcd8e9150972479935b7b989f2997 /web/source/css/page.css | |
| parent | [bugfix] fix possible mutex lockup during streaming code (#2633) (diff) | |
| download | gotosocial-2d9e498f9693c9fe553aa93c3faee9883a4d1e77.tar.xz | |
[bugfix] Fix wide images being squished when used as instance avatar (#2669)
Diffstat (limited to 'web/source/css/page.css')
| -rw-r--r-- | web/source/css/page.css | 13 |
1 files changed, 11 insertions, 2 deletions
diff --git a/web/source/css/page.css b/web/source/css/page.css index ae7ee1843..cc1d4efe3 100644 --- a/web/source/css/page.css +++ b/web/source/css/page.css @@ -47,11 +47,20 @@ flex-wrap: wrap; gap: 1rem; justify-content: center; - + img { align-self: center; + + /* + Shrink too-wide / too-tall instance + icons to sensible proportions. Allow + pretty wide images but prevent things + getting too out of hand + looking bad. + */ + max-height: 4rem; + max-width: 16rem; } - + h1 { align-self: center; text-align: center; |