🚧 💄 Implement new settings menu and 3 subpages
- Implement new main settings menu - Implement "filtering" page - Implement "appearance" page - Implement "about" page - Make the Git hash a link to the Git repo
This commit is contained in:
28
src/views/settings/AppearanceSettings.vue
Normal file
28
src/views/settings/AppearanceSettings.vue
Normal file
@ -0,0 +1,28 @@
|
||||
<script setup>
|
||||
import { theme } from "@/store";
|
||||
import RadioButtons from "@/components/settings/radio-buttons.vue";
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<h2>{{ $t("settings.heading.theme") }}</h2>
|
||||
<p>{{ $t("settings.text.theme") }}</p>
|
||||
<RadioButtons
|
||||
:options="[
|
||||
$t('settings.theme.auto'),
|
||||
$t('settings.theme.light'),
|
||||
$t('settings.theme.dark'),
|
||||
]"
|
||||
:values="['auto', 'light', 'dark']"
|
||||
v-model="theme"
|
||||
/>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
h2 {
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 5px 0px;
|
||||
}
|
||||
</style>
|
Reference in New Issue
Block a user