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

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

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