diff options
| author | Fuwn <[email protected]> | 2024-06-14 00:49:23 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-06-14 00:49:23 -0700 |
| commit | 15feb89f0fa5dc83ac064e1e7312c2be4bcf3788 (patch) | |
| tree | 97b19e32f8170fe683d40b490179e7ec4134942e /src/lib/User | |
| parent | feat(BadgePreview): bigger preview window (diff) | |
| download | due.moe-15feb89f0fa5dc83ac064e1e7312c2be4bcf3788.tar.xz due.moe-15feb89f0fa5dc83ac064e1e7312c2be4bcf3788.zip | |
feat(BadgePreview): move seek buttons to preview panel
Diffstat (limited to 'src/lib/User')
| -rw-r--r-- | src/lib/User/BadgeWall/BadgePreview.svelte | 16 |
1 files changed, 16 insertions, 0 deletions
diff --git a/src/lib/User/BadgeWall/BadgePreview.svelte b/src/lib/User/BadgeWall/BadgePreview.svelte index 7ba34843..f606cfc9 100644 --- a/src/lib/User/BadgeWall/BadgePreview.svelte +++ b/src/lib/User/BadgeWall/BadgePreview.svelte @@ -11,6 +11,8 @@ export let selectedBadge: Badge | undefined; export let onNext: () => void = () => {}; export let onPrevious: () => void = () => {}; + export let hasNext: boolean; + export let hasPrevious: boolean; let source = cdn(thumbnail(selectedBadge?.image || '')) || ''; let badgeReference: HTMLImageElement; @@ -195,6 +197,16 @@ <a href={`https://saucenao.com/search.php?url=${selectedBadge.image}`} target="_blank"> Search </a> + + <div class="badge-preview-seek"> + {#if hasPrevious} + <button on:click={onPrevious}>Previous</button> + {/if} + + {#if hasNext} + <button on:click={onNext} style="float: right;">Next</button> + {/if} + </div> </div> </div> {/if} @@ -226,4 +238,8 @@ flex-direction: column; } } + + .badge-preview-seek { + padding-top: 2rem; + } </style> |