diff options
| author | Fuwn <[email protected]> | 2023-09-09 22:14:37 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2023-09-09 22:14:37 -0700 |
| commit | bb4bd1cdd293f72696c553af7c92a1d5807d72d0 (patch) | |
| tree | 6a35775577f58ea79b5d9c8b60617577ebe92997 | |
| parent | refactor(settings): move toggle (diff) | |
| download | due.moe-bb4bd1cdd293f72696c553af7c92a1d5807d72d0.tar.xz due.moe-bb4bd1cdd293f72696c553af7c92a1d5807d72d0.zip | |
refactor(settings): setting hint
| -rw-r--r-- | src/lib/Settings/SettingHint.svelte | 11 | ||||
| -rw-r--r-- | src/routes/settings/+page.svelte | 23 |
2 files changed, 22 insertions, 12 deletions
diff --git a/src/lib/Settings/SettingHint.svelte b/src/lib/Settings/SettingHint.svelte new file mode 100644 index 00000000..8f33b22c --- /dev/null +++ b/src/lib/Settings/SettingHint.svelte @@ -0,0 +1,11 @@ +<script lang="ts"> + export let lineBreak = false; +</script> + +{#if lineBreak} + <br /> +{/if} + +<small style="opacity: 50%;"> + <slot /> +</small> diff --git a/src/routes/settings/+page.svelte b/src/routes/settings/+page.svelte index 18abf87f..19f25828 100644 --- a/src/routes/settings/+page.svelte +++ b/src/routes/settings/+page.svelte @@ -6,6 +6,7 @@ import anime from '../../stores/anime'; import settings from '../../stores/settings'; import SettingToggle from '$lib/Settings/SettingToggle.svelte'; + import SettingHint from '$lib/Settings/SettingHint.svelte'; export let data; @@ -46,23 +47,23 @@ <SettingToggle setting={'showCompletedAnime'} on={'Hide'} off={'Show'}> completed anime </SettingToggle> - <SettingToggle setting={'displayPausedMedia'} on={'Hide'} off={'Show'} sectionBreak={true}> + <SettingToggle setting={'displayPausedMedia'} on={'Hide'} off={'Show'} sectionBreak> paused media </SettingToggle> <SettingToggle setting={'displayUnresolved'} on={'Hide'} off={'Show'}>unresolved</SettingToggle> - <small style="opacity: 50%;">Displays unresolved chapter counts as "?"</small> + <SettingHint>Displays unresolved chapter counts as "?"</SettingHint> <p /> <SettingToggle setting={'displayNotStarted'} on={'Hide'} off={'Show'}> media with zero progress </SettingToggle> - <small style="opacity: 50%;"> + <SettingHint> May cause <a href="https://en.wikipedia.org/wiki/Rate_limiting" target="_blank"> rate-limiting </a> depending on how much releasing manga are on your lists - </small> + </SettingHint> <p /> @@ -83,9 +84,9 @@ <SettingToggle setting={'roundDownChapters'} on={'Maintain'} off={'Round down'}> chapters </SettingToggle> - <small style="opacity: 50%;"> + <SettingHint> 50/50.6 would {@html $settings.roundDownChapters ? '<b>not</b>' : ''} be due - </small> + </SettingHint> <h2>Cache</h2> @@ -112,12 +113,11 @@ placeholder="60" /> minutes - <br /> - <small style="opacity: 50%;"> + <SettingHint lineBreak> Low values may cause <a href="https://en.wikipedia.org/wiki/Rate_limiting" target="_blank"> rate-limiting </a> depending on how much releasing manga are on your lists - </small> + </SettingHint> <h2>Reset</h2> @@ -126,8 +126,7 @@ <p /> <a href={'#'} on:click={() => localStorage.clear()}>Clear <code>localStorage</code> </a> - <br /> - <small style="opacity: 50%;"> + <SettingHint lineBreak> Doesn't break anything, but resets all settings and key caches. Recommended after updates - </small> + </SettingHint> {/if} |