mincomk/risuai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[refactor] refactored some pull requested code

Browse Source
This commit is contained in:
kwaroran
2023-05-13 03:55:42 +09:00
parent c694020332
commit 9757d510a2
2 changed files with 20 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/lib/SideBars/Sidebar.svelte
View File

@@ -118,11 +118,7 @@
}}
tabindex="0"
>
{#await getCharImage($DataBase.characters[i].image, "plain") then img}
<SidebarAvatar src={img} size="56" />
{:catch}
<SidebarAvatar size="56" src="https://via.placeholder.com/150" />
{/await}
<SidebarAvatar src={getCharImage($DataBase.characters[i].image, "plain")} size="56" />
</div>
{:else}
<!-- svelte-ignore a11y-no-noninteractive-tabindex -->

29
src/lib/SideBars/SidebarAvatar.svelte
View File

@@ -1,18 +1,27 @@
<script>
export let src;
<script lang="ts">
export let src:string|Promise<string>;
export let size = "22";
</script>
<span class="flex shrink-0 items-center justify-center">
{#if src}
<img
{src}
class="bg-skin-border sidebar-avatar rounded-md object-cover object-top"
style:width={size + "px"}
style:height={size + "px"}
style:minWidth={size + "px"}
alt="avatar"
/>
{#await src}
<div
class="bg-skin-border sidebar-avatar rounded-md bg-top"
style:width={size + "px"}
style:height={size + "px"}
style:minWidth={size + "px"}
/>
{:then img}
<img
src={img}
class="bg-skin-border sidebar-avatar rounded-md object-cover object-top"
style:width={size + "px"}
style:height={size + "px"}
style:minWidth={size + "px"}
alt="avatar"
/>
{/await}
{:else}
<div
class="bg-skin-border sidebar-avatar rounded-md bg-top"