diff options
| author | Mistivia <i@mistivia.com> | 2025-02-05 14:03:38 +0800 |
|---|---|---|
| committer | Mistivia <i@mistivia.com> | 2025-02-05 14:03:38 +0800 |
| commit | f4d9dd9e349b377431fbc9a3b2a086c29cd6826e (patch) | |
| tree | fa2850216f252ffb54ab0068e2f75563cc808038 /src/components/RightPanel.svelte | |
| parent | 781917675a1f7a81d61dca8e5134fb4867750685 (diff) | |
impl left panel and card thumbnail
Diffstat (limited to 'src/components/RightPanel.svelte')
| -rw-r--r-- | src/components/RightPanel.svelte | 12 |
1 files changed, 11 insertions, 1 deletions
diff --git a/src/components/RightPanel.svelte b/src/components/RightPanel.svelte index d0480fe..5ede942 100644 --- a/src/components/RightPanel.svelte +++ b/src/components/RightPanel.svelte @@ -14,7 +14,9 @@ let cardList = $state([]); {#if cardList.length > 0} <div class="card-item"> {#each cardList as card} - <CardThumb id= {card.id} /> + <div class="card-thumbnail"> + <CardThumb id= {card.id} /> + </div> <span>{card.name}</span> {/each} </div> @@ -76,4 +78,12 @@ let cardList = $state([]); cursor: pointer; } +.card-thumbnail { + width: 50px; + height: 70px; + background-color: #eee; + margin-right: 10px; + border-radius: 3px; +} + </style> |