sam/pronounscc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki 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
Signed by: sam
GPG key ID: B4EF20DDE721CAA1
3 changed files with 22 additions and 4 deletions
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}
<source {width} srcSet={url} type={contentTypeFor(url)} />
{/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>
{: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}

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

@ -321,7 +321,13 @@
{#if avatar === ""}
<FallbackImage alt="Current avatar" urls={[]} width={200} />
{: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}
<FallbackImage alt="Current avatar" urls={memberAvatars(data.member)} width={200} />
{/if}

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

@ -268,7 +268,13 @@
{#if avatar === ""}
<FallbackImage alt="Current avatar" urls={[]} width={200} />
{: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}
<FallbackImage alt="Current avatar" urls={userAvatars($userStore)} width={200} />
{/if}