mirror of
https://github.com/wukko/cobalt.git
synced 2025-06-13 05:37:44 +02:00
web/settings: add "erase all settings" button
This commit is contained in:
22
web/src/components/buttons/ResetSettingsButton.svelte
Normal file
22
web/src/components/buttons/ResetSettingsButton.svelte
Normal 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>
|
Reference in New Issue
Block a user