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

feat: make the cardsheader more customizable

Browse Source
This commit is contained in:
Spectralitree 2021-12-15 13:53:32 +01:00
parent 69299464d9
commit ea0677e802
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/lib/CardsHeader.svelte
View File

@ -14,7 +14,7 @@
<CardTitle style="margin-top: 0px; margin-bottom: 0px; outline: none; align-items: center;" class="d-flex justify-content-between align-middle w-100"> <CardTitle style="margin-top: 0px; margin-bottom: 0px; outline: none; align-items: center;" class="d-flex justify-content-between align-middle w-100">
<div> <div>
<div class="icon d-inline-block"> <div class="icon d-inline-block">
<FaUserCircle /> <slot name="icon" />
</div> </div>
<span style="vertical-align: middle;">{item.name} ({item.id})</span> <span style="vertical-align: middle;">{item.name} ({item.id})</span>
</div> </div>
@ -23,7 +23,7 @@
<div class="d-inline-block mr-5" style="vertical-align: middle;"><Spinner color="primary" /></div> <div class="d-inline-block mr-5" style="vertical-align: middle;"><Spinner color="primary" /></div>
{/if} {/if}
{#if item && item.avatar_url} {#if item && item.avatar_url}
<img tabindex={0} on:keyup={(event) => {if (event.key === "Enter") avatarOpen = true}} on:click={toggleAvatarModal} class="rounded-circle avatar" src={item.avatar_url} alt="Your system avatar" /> <img tabindex={0} on:keyup={(event) => {if (event.key === "Enter") avatarOpen = true}} on:click={toggleAvatarModal} class="rounded-circle avatar" src={item.avatar_url} alt="Icon" />
{:else} {:else}
<img class="rounded-circle avatar" src={default_avatar} alt="your system avatar (default)" /> <img class="rounded-circle avatar" src={default_avatar} alt="your system avatar (default)" />
{/if} {/if}