diff options
| author | Fuwn <[email protected]> | 2024-01-04 09:42:24 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-04 09:42:24 -0800 |
| commit | e4dbceacf4027639e3f9c825567b80143675797b (patch) | |
| tree | ee61567d31fbf4fa9663ce23497db19bbab66659 /src | |
| parent | refactor(settings): info badge (diff) | |
| download | due.moe-e4dbceacf4027639e3f9c825567b80143675797b.tar.xz due.moe-e4dbceacf4027639e3f9c825567b80143675797b.zip | |
feat(list): action buttons
Diffstat (limited to 'src')
| -rw-r--r-- | src/app.css | 4 | ||||
| -rw-r--r-- | src/lib/List/Anime/CleanAnimeList.svelte | 2 | ||||
| -rw-r--r-- | src/lib/List/Manga/CleanMangaList.svelte | 2 |
3 files changed, 6 insertions, 2 deletions
diff --git a/src/app.css b/src/app.css index 33117af4..7c5f4ac0 100644 --- a/src/app.css +++ b/src/app.css @@ -143,3 +143,7 @@ code { .badge-info:hover { background-color: var(--base0B); } + +.button-action { + background-color: var(--base0E); +} diff --git a/src/lib/List/Anime/CleanAnimeList.svelte b/src/lib/List/Anime/CleanAnimeList.svelte index 06fda344..9809b994 100644 --- a/src/lib/List/Anime/CleanAnimeList.svelte +++ b/src/lib/List/Anime/CleanAnimeList.svelte @@ -107,7 +107,7 @@ <!-- {anime.mediaListEntry?.progress || 0}{@html totalEpisodes(anime)} --> {pendingUpdate === anime.id ? progress + 1 : progress}{@html totalEpisodes(anime)} <button - class="button-square" + class="button-square button-action" style={pendingUpdate === anime.id ? 'pointer-events: none; opacity: 50%;' : ''} on:click={() => { if (pendingUpdate !== anime.id) { diff --git a/src/lib/List/Manga/CleanMangaList.svelte b/src/lib/List/Manga/CleanMangaList.svelte index c6bd12a2..b7f983b2 100644 --- a/src/lib/List/Manga/CleanMangaList.svelte +++ b/src/lib/List/Manga/CleanMangaList.svelte @@ -106,7 +106,7 @@ <span style="opacity: 50%;">/{manga.chapters || '?'}</span> {/if} <button - class="button-square" + class="button-square button-action" style={pendingUpdate === manga.id ? 'pointer-events: none; opacity: 50%;' : ''} on:click={() => pendingUpdate === manga.id |