toby/svelte-sharg
Archived
1
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Underline default option for settings modal

Browse source
This commit is contained in:
Tobias Berger 2021-10-02 19:33:03 +02:00
parent 755ae037a9
commit acf26d9ba5
1 changed files with 11 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/components/Modals/SettingsModal.svelte
View file

@ -19,12 +19,14 @@
{setting.name}<br />
<span class="settings-small-description">({setting.description})</span>
</div>
{#each setting.options as option}<button
{#each setting.options as option}
<button
class:default-option={setting.default === option}
disabled={setting.current === option}
on:click={() => {
setting.current = option;
}}>{option}</button
on:click={() => (setting.current = option)}
>
{option}
</button>
{/each}
</div>
{/each}
@ -41,7 +43,6 @@
max-height: 100%;
user-select: none;
overflow-y: scroll;
overflow-wrap: break-word;
> .settings-category {
@ -64,10 +65,15 @@
font-size: 80%;
}
}
> button {
font-size: 1em;
width: 7em;
height: 2em;
&.default-option {
text-decoration: underline;
}
}
}
}