🚧 💄 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:
2023-06-06 22:39:08 +02:00
parent 7183f467b4
commit 1ed9af766d
11 changed files with 253 additions and 113 deletions

View 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>