diff options
| author | Fuwn <[email protected]> | 2024-05-06 05:02:49 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-05-06 05:02:49 -0700 |
| commit | 4127ccb975dc88ac79cd1d82f2563f771fc0740f (patch) | |
| tree | f9cbcaa51272b8acb590bedbd954ae7c424195e8 /src/lib/List/Manga/CleanMangaList.svelte | |
| parent | fix(badge.css): remove button styling (diff) | |
| download | due.moe-4127ccb975dc88ac79cd1d82f2563f771fc0740f.tar.xz due.moe-4127ccb975dc88ac79cd1d82f2563f771fc0740f.zip | |
feat(landing): cover mode list demos
Diffstat (limited to 'src/lib/List/Manga/CleanMangaList.svelte')
| -rw-r--r-- | src/lib/List/Manga/CleanMangaList.svelte | 37 |
1 files changed, 23 insertions, 14 deletions
diff --git a/src/lib/List/Manga/CleanMangaList.svelte b/src/lib/List/Manga/CleanMangaList.svelte index 7adea64c..3fc551f0 100644 --- a/src/lib/List/Manga/CleanMangaList.svelte +++ b/src/lib/List/Manga/CleanMangaList.svelte @@ -30,6 +30,7 @@ export let due: boolean; export let rateLimited: boolean; export let authorised: boolean; + export let dummy = false; let serviceStatusResponse: Promise<Response>; @@ -48,13 +49,17 @@ title={due ? $locale().lists.due.mangaAndLightNovels : $locale().lists.completed.mangaAndLightNovels} + hideTime={dummy} + hideCount={dummy} > - <button - class="small-button" - title="Force a full refresh" - on:click={cleanCache} - data-umami-event="Force Refresh Manga">Refresh</button - > + {#if !dummy} + <button + class="small-button" + title="Force a full refresh" + on:click={cleanCache} + data-umami-event="Force Refresh Manga">Refresh</button + > + {/if} </ListTitle> {/if} @@ -101,7 +106,7 @@ </span> {/if} -{#if $settings.displayCoverModeManga} +{#if $settings.displayCoverModeManga || dummy} <div class="covers" style={`grid-template-columns: repeat(auto-fill, minmax(${$settings.displayCoverWidth}px, 1fr))`} @@ -111,7 +116,11 @@ {#if progress !== manga.episodes} <div class="cover-card" id={`manga-${manga.id}`}> - <Tooltip pin={`manga-${manga.id}`} content={manga ? mediaTitle(manga) : ''}> + <Tooltip + pin={`manga-${manga.id}`} + content={manga ? mediaTitle(manga) : ''} + relative={dummy} + > <div class="cover-card-image"> <a href={$settings.displayCopyMediaTitleNotLink @@ -148,9 +157,9 @@ class={`button-square button-action ${pendingUpdate === manga.id ? 'opaque' : ''}`} style={pendingUpdate === manga.id ? 'pointer-events: none;' : ''} on:click={() => - pendingUpdate === manga.id - ? null - : updateMedia(manga.id, manga.mediaListEntry?.progress, media)} + !dummy && pendingUpdate === manga.id + ? updateMedia(manga.id, manga.mediaListEntry?.progress, media) + : null} > + </button> @@ -218,9 +227,9 @@ class={`button-square button-action ${pendingUpdate === manga.id ? 'opaque' : ''}`} style={pendingUpdate === manga.id ? 'pointer-events: none;' : ''} on:click={() => - pendingUpdate === manga.id - ? null - : updateMedia(manga.id, manga.mediaListEntry?.progress, media)} + !dummy && pendingUpdate === manga.id + ? updateMedia(manga.id, manga.mediaListEntry?.progress, media) + : null} > + </button> |