diff options
| author | Fuwn <[email protected]> | 2024-01-04 08:59:39 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-04 08:59:39 -0800 |
| commit | 011b00df38bfd1db4d43369a53da210fbc406130 (patch) | |
| tree | 03e331ca8ef8d91f5194282f681e7de3aeb3bc4f /src | |
| parent | refactor(css): use link colour (diff) | |
| download | due.moe-011b00df38bfd1db4d43369a53da210fbc406130.tar.xz due.moe-011b00df38bfd1db4d43369a53da210fbc406130.zip | |
feat(css): small buttons and badges
Diffstat (limited to 'src')
| -rw-r--r-- | src/app.css | 22 | ||||
| -rw-r--r-- | src/lib/List/Manga/CleanMangaList.svelte | 6 | ||||
| -rw-r--r-- | src/routes/settings/+page.svelte | 6 |
3 files changed, 30 insertions, 4 deletions
diff --git a/src/app.css b/src/app.css index d47c87ff..3077c828 100644 --- a/src/app.css +++ b/src/app.css @@ -84,3 +84,25 @@ button:hover { button:active { transform: scale(0.975); } + +.small-button { + transform: scale(0.875); +} + +.small-button:active { + transform: scale(0.75); +} + +.smaller-button { + background-color: var(--base0C); + transform: scale(0.75); +} + +.button-badge:hover { + background-color: var(--base0C); + cursor: unset; +} + +.button-badge:active { + transform: scale(0.75); +} diff --git a/src/lib/List/Manga/CleanMangaList.svelte b/src/lib/List/Manga/CleanMangaList.svelte index ebe4a2dc..e8d20f13 100644 --- a/src/lib/List/Manga/CleanMangaList.svelte +++ b/src/lib/List/Manga/CleanMangaList.svelte @@ -30,11 +30,11 @@ {#if authorised} <ListTitle count={media.length} time={endTime / 1000}> - <a - href={'#'} + <button + class="small-button" title="Force a full refresh" on:click={cleanCache} - data-umami-event="Force Refresh Manga">Refresh</a + data-umami-event="Force Refresh Manga">Refresh</button > </ListTitle> {/if} diff --git a/src/routes/settings/+page.svelte b/src/routes/settings/+page.svelte index f61b236b..42021187 100644 --- a/src/routes/settings/+page.svelte +++ b/src/routes/settings/+page.svelte @@ -53,7 +53,11 @@ <Category title="Calculation"><Calculation /></Category> <Category title="Cache"><Cache /></Category> <Category id="debug"> - <summary>Debug <small style="opacity: 50%;">{data.commit.slice(0, 7)}</small></summary> + <summary + >Debug<button class="smaller-button button-badge" style="opacity: 50%;" + >{data.commit.slice(0, 7)}</button + ></summary + > <Debug /> </Category> |