diff options
| author | Mistivia <i@mistivia.com> | 2025-02-04 21:13:02 +0800 |
|---|---|---|
| committer | Mistivia <i@mistivia.com> | 2025-02-04 21:13:02 +0800 |
| commit | 781917675a1f7a81d61dca8e5134fb4867750685 (patch) | |
| tree | 6156b81e42d46fddc8ad2e518cf070c0891224bc /src/components/CardThumb.svelte | |
init
Diffstat (limited to 'src/components/CardThumb.svelte')
| -rw-r--r-- | src/components/CardThumb.svelte | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/src/components/CardThumb.svelte b/src/components/CardThumb.svelte new file mode 100644 index 0000000..6dcefd2 --- /dev/null +++ b/src/components/CardThumb.svelte @@ -0,0 +1,21 @@ +<script lang="ts"> + let {id} = $props() +</script> + +<div class="card-thumbnail"> + {#if id} + <img height="100%" src="https://cdn.233.momobako.com/ygopro/pics/{id}.jpg!half" alt="yugioh card {id}"> + {/if} +</div> + +<style> + +.card-thumbnail { + width: 50px; + height: 70px; + background-color: #eee; + margin-right: 10px; + border-radius: 3px; +} + +</style> |