added version info and reload option

This commit is contained in:
Elmar Kresse
2024-09-09 15:52:29 +02:00
parent 00009f7bfe
commit b72cdd85e1
14 changed files with 131 additions and 76 deletions

View File

@ -3,6 +3,8 @@ import LocaleSwitcher from "@/components/LocaleSwitcher.vue";
import { ref } from "vue";
import DarkModeSwitcher from "@/components/DarkModeSwitcher.vue";
import DefaultPageSwitcher from "@/components/DefaultPageSwitcher.vue";
import AppVersion from "@/components/AppVersion.vue";
import ReloadPwa from "@/components/ReloadPwa.vue";
const icon = "pi pi-cog";
const isDark = ref(true);
@ -61,11 +63,26 @@ function handleDarkModeToggled(isDarkVar: boolean) {
></DarkModeSwitcher>
</div>
</div>
<div class="grid my-2">
<div class="col text-left">
{{ $t("settings.version") }}
</div>
<div class="col text-center">
<AppVersion />
</div>
</div>
<div class="grid my-2">
<div class="col text-center"></div>
<div class="col text-center">
<ReloadPwa />
</div>
</div>
</div>
</div>
</div>
</template>
<style scoped>
<style lang="css" scoped>
.col {
display: flex;
justify-content: center;