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

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"