web/settings: add "erase all settings" button

This commit is contained in:
dumbmoron
2024-07-20 14:01:13 +00:00
parent 720b3c5f68
commit def6e26b9f
5 changed files with 46 additions and 2 deletions

View File

@ -0,0 +1,22 @@
<script lang="ts">
import { t } from '$lib/i18n/translations';
import IconTrash from '@tabler/icons-svelte/IconTrash.svelte';
import { resetSettings } from '$lib/state/settings';
</script>
<button id="setting-button-reset" class="button" on:click={resetSettings}>
<IconTrash /> { $t('settings.advanced.reset') }
</button>
<style>
button {
background-color: var(--red);
color: var(--white);
width: max-content;
text-align: left;
}
button:hover {
background-color: var(--dark-red);
}
</style>