ulith/pronounss
1
0
Fork 0
forked from mirrors/pronouns.cc
Code Pull requests Activity

feat(frontend): specify height as well as width for avatars

Browse source
This commit is contained in:
Sam 2023-03-27 15:40:23 +02:00
parent 99ab8b6864
commit 4a17611766
No known key found for this signature in database
GPG key ID: B4EF20DDE721CAA1
3 changed files with 22 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
frontend/src/lib/components/FallbackImage.svelte
View file

@ -25,8 +25,14 @@
{#each urls as url} {#each urls as url}
<source {width} srcSet={url} type={contentTypeFor(url)} /> <source {width} srcSet={url} type={contentTypeFor(url)} />
{/each} {/each}
<img {width} src={urls[0] || defaultAvatars[0]} {alt} class="rounded-circle img-fluid" /> <img
{width}
height={width}
src={urls[0] || defaultAvatars[0]}
{alt}
class="rounded-circle img-fluid"
/>
</picture> </picture>
{:else} {:else}
<img {width} class="rounded-circle img-fluid" src={defaultAvatars[0]} {alt} /> <img {width} height={width} class="rounded-circle img-fluid" src={defaultAvatars[0]} {alt} />
{/if} {/if}

8
frontend/src/routes/edit/member/[id]/+page.svelte
View file

@ -321,7 +321,13 @@
{#if avatar === ""} {#if avatar === ""}
<FallbackImage alt="Current avatar" urls={[]} width={200} /> <FallbackImage alt="Current avatar" urls={[]} width={200} />
{:else if avatar} {:else if avatar}
<img width={200} src={avatar} alt="New avatar" class="rounded-circle img-fluid" /> <img
width={200}
height={200}
src={avatar}
alt="New avatar"
class="rounded-circle img-fluid"
/>
{:else} {:else}
<FallbackImage alt="Current avatar" urls={memberAvatars(data.member)} width={200} /> <FallbackImage alt="Current avatar" urls={memberAvatars(data.member)} width={200} />
{/if} {/if}

8
frontend/src/routes/edit/profile/+page.svelte
View file

@ -268,7 +268,13 @@
{#if avatar === ""} {#if avatar === ""}
<FallbackImage alt="Current avatar" urls={[]} width={200} /> <FallbackImage alt="Current avatar" urls={[]} width={200} />
{:else if avatar} {:else if avatar}
<img width={200} src={avatar} alt="New avatar" class="rounded-circle img-fluid" /> <img
width={200}
height={200}
src={avatar}
alt="New avatar"
class="rounded-circle img-fluid"
/>
{:else} {:else}
<FallbackImage alt="Current avatar" urls={userAvatars($userStore)} width={200} /> <FallbackImage alt="Current avatar" urls={userAvatars($userStore)} width={200} />
{/if} {/if}