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/settings/admin | |
| 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/settings/admin')
| -rw-r--r-- | web/source/settings/admin/settings/index.tsx | 7 |
1 files changed, 3 insertions, 4 deletions
diff --git a/web/source/settings/admin/settings/index.tsx b/web/source/settings/admin/settings/index.tsx index 4e5ea343a..69fbfd4ca 100644 --- a/web/source/settings/admin/settings/index.tsx +++ b/web/source/settings/admin/settings/index.tsx @@ -105,19 +105,18 @@ function AdminSettingsForm({ data: instance }: AdminSettingsFormProps) { /> <div className="file-upload" aria-labelledby="avatar"> - <strong id="avatar">Instance avatar</strong> - <div> + <strong id="avatar">Instance avatar (1:1 images look best)</strong> + <div className="file-upload-with-preview"> <img className="preview avatar" src={form.thumbnail.previewValue ?? instance?.thumbnail} alt={form.thumbnailDesc.value ?? (instance?.thumbnail ? `Thumbnail image for the instance` : "No instance thumbnail image set")} /> - <div> + <div className="file-input-with-image-description"> <FileInput field={form.thumbnail} accept="image/png, image/jpeg, image/webp, image/gif" /> - <br/> <TextInput field={form.thumbnailDesc} label="Avatar image description" |