add: show avatar image requirements in ui

This commit is contained in:
trisua 2025-04-10 20:39:01 -04:00
parent df32b9d65e
commit 1b77fef470
3 changed files with 19 additions and 11 deletions

View file

@ -167,7 +167,7 @@ p {
@media screen and (min-width: 901px) { @media screen and (min-width: 901px) {
.name.shorter { .name.shorter {
max-width: 215px; max-width: 200px;
} }
.name.lg\:long { .name.lg\:long {

View file

@ -556,7 +556,7 @@
], ],
[ [
["description", "Description"], ["description", "Description"],
"{{ community.context.description }}", settings.description,
"textarea", "textarea",
], ],
[ [

View file

@ -238,15 +238,23 @@
enctype="multipart/form-data" enctype="multipart/form-data"
onsubmit="upload_avatar(event)" onsubmit="upload_avatar(event)"
> >
<input <div class="flex gap-2 flex-row flex-wrap items-center">
id="avatar_file" <input
name="file" id="avatar_file"
type="file" name="file"
accept="image/png,image/jpeg,image/avif,image/webp" type="file"
class="w-content" accept="image/png,image/jpeg,image/avif,image/webp"
/> class="w-content"
/>
<button class="primary">{{ icon "check" }}</button> <button class="primary">{{ icon "check" }}</button>
</div>
<span class="fade"
>Images must be less than 8 MB large. Animated images
such as GIFs or APNGs will not work to do all images
being formatted as AVIF.</span
>
</form> </form>
</div> </div>
@ -655,7 +663,7 @@
], ],
[ [
["biography", "Biography"], ["biography", "Biography"],
"{{ profile.settings.biography }}", settings.biography,
"textarea", "textarea",
], ],
], ],