diff options
Diffstat (limited to 'src/routes/settings/+page.svelte')
| -rw-r--r-- | src/routes/settings/+page.svelte | 44 |
1 files changed, 34 insertions, 10 deletions
diff --git a/src/routes/settings/+page.svelte b/src/routes/settings/+page.svelte index 8c9517ef..0234c12c 100644 --- a/src/routes/settings/+page.svelte +++ b/src/routes/settings/+page.svelte @@ -100,23 +100,47 @@ <br /> - <SettingCheckboxToggle - setting="displayMai" - text={`Display <a href="https://anilist.co/character/127222/Mai-Sakurajima" target="_blank">Mai</a>`} - onChange={() => { + <select + bind:value={$settings.displayAoButa} + on:change={() => { const mai = document.getElementById('mai'); if (!mai) return; - if ($settings.displayMai) { - mai.style.display = 'block'; - } else { - mai.style.display = 'none'; + mai.style.display = 'block'; + + switch ($settings.displayAoButa) { + case 'mai': + { + mai.src = '/aobuta/mai.png'; + } + break; + case 'nodoka': + { + mai.src = '/aobuta/nodoka.webp'; + } + break; + case 'kaede': + { + mai.src = '/aobuta/kaede.png'; + } + break; + case 'none': { + { + mai.style.display = 'none'; + } + break; + } } }} > - <SettingHint lineBreak>Let her remind you. It's for your own benefit.</SettingHint> - </SettingCheckboxToggle> + <option value="mai">Mai</option> + <option value="nodoka">Nodoka</option> + <option value="kaede">Kaede</option> + <option value="none">None</option> + </select> + Display Helper + <SettingHint lineBreak>Let them remind you. It's for your own benefit.</SettingHint> <p /> |