diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/CardThumb.svelte | 3 | ||||
| -rw-r--r-- | src/components/LeftPanel.svelte | 13 |
2 files changed, 10 insertions, 6 deletions
diff --git a/src/components/CardThumb.svelte b/src/components/CardThumb.svelte index 4c41f2d..be6af81 100644 --- a/src/components/CardThumb.svelte +++ b/src/components/CardThumb.svelte @@ -1,6 +1,7 @@ <script lang="js"> import {setLeftPanelCard} from '../control/left_panel'; + import { cardImageUrl } from '../utils'; let {id, area} = $props(); @@ -21,7 +22,7 @@ onfocus={onhover} ondragstart={onDragStart} height="100%" - src="https://cdn.233.momobako.com/ygopro/pics/{id}.jpg" + src={cardImageUrl(id)} alt="yugioh card {id}" /> {/if} diff --git a/src/components/LeftPanel.svelte b/src/components/LeftPanel.svelte index f5d2fa8..b2fe2b1 100644 --- a/src/components/LeftPanel.svelte +++ b/src/components/LeftPanel.svelte @@ -1,9 +1,12 @@ <script lang="js"> -import { - leftPanelCardId, - leftPanelCardDesc, -} from '../control/left_panel' + import { + leftPanelCardId, + leftPanelCardDesc, + } from '../control/left_panel'; + + import { cardImageUrl } from '../utils'; + </script> @@ -11,7 +14,7 @@ import { <div class="card-preview"> <div class="card-image-large"> {#if $leftPanelCardId} - <img height="100%" src="https://cdn.233.momobako.com/ygopro/pics/{$leftPanelCardId}.jpg" alt="card img"> + <img height="100%" src={cardImageUrl($leftPanelCardId)} alt="card img"> {/if} </div> <div class="card-description"> |