liz/PluralKit
liz/PluralKit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(dashboard): make banners in cards clickable

Browse Source
This commit is contained in:
Jake Fulmine 2022-08-22 12:49:36 +02:00
parent 15782d930b
commit 877b2cdf21
3 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dashboard/src/lib/group/Body.svelte
View File

@ -125,7 +125,7 @@
{@html htmlDescription && htmlDescription} {@html htmlDescription && htmlDescription}
</div> </div>
{#if (group.banner && ((settings && settings.appearance.banner_bottom) || !settings))} {#if (group.banner && ((settings && settings.appearance.banner_bottom) || !settings))}
<img src={resizeMedia(group.banner, [1200, 480])} alt="group banner" class="w-100 mb-3 rounded" style="max-height: 13em; object-fit: cover"/> <img on:click={toggleBannerModal} src={resizeMedia(group.banner, [1200, 480])} alt="group banner" class="w-100 mb-3 rounded" style="max-height: 13em; object-fit: cover; cursor: pointer"/>
{/if} {/if}
{#if !isPublic} {#if !isPublic}

2
dashboard/src/lib/member/Body.svelte
View File

@ -175,7 +175,7 @@
{@html htmlDescription && htmlDescription} {@html htmlDescription && htmlDescription}
</div> </div>
{#if (member.banner && ((settings && settings.appearance.banner_bottom) || !settings))} {#if (member.banner && ((settings && settings.appearance.banner_bottom) || !settings))}
<img src={resizeMedia(member.banner, [1200, 480])} alt="member banner" class="w-100 mb-3 rounded" style="max-height: 13em; object-fit: cover"/> <img on:click={toggleBannerModal} src={resizeMedia(member.banner, [1200, 480])} alt="member banner" class="w-100 mb-3 rounded" style="max-height: 13em; object-fit: cover; cursor: pointer"/>
{/if} {/if}
{#if !isPublic} {#if !isPublic}
<Button style="flex: 0" color="primary" on:click={() => editMode = true} aria-label="edit member information">Edit</Button> <Button style="flex: 0" color="primary" on:click={() => editMode = true} aria-label="edit member information">Edit</Button>

2
dashboard/src/lib/system/Body.svelte
View File

@ -89,7 +89,7 @@
{@html htmlDescription} {@html htmlDescription}
</div> </div>
{#if (user.banner && ((settings && settings.appearance.banner_bottom) || !settings))} {#if (user.banner && ((settings && settings.appearance.banner_bottom) || !settings))}
<img src={resizeMedia(user.banner, [1200, 480])} alt="system banner" class="w-100 mb-3 rounded" style="max-height: 13em; object-fit: cover"/> <img on:click={toggleBannerModal} src={resizeMedia(user.banner, [1200, 480])} alt="system banner" class="w-100 mb-3 rounded" style="max-height: 13em; object-fit: cover; cursor: pointer;"/>
{/if} {/if}
{#if !isPublic} {#if !isPublic}
<Button style="flex: 0" color="primary" on:click={() => editMode = true} aria-label="edit system information">Edit</Button> <Button style="flex: 0" color="primary" on:click={() => editMode = true} aria-label="edit system information">Edit</Button>