32 lines
841 B
Vue
32 lines
841 B
Vue
<script setup lang="ts">
|
|
import { onMounted } from 'vue'
|
|
import TitleBar from './components/TitleBar.vue'
|
|
import NavRail from './components/NavRail.vue'
|
|
import ToastNotification from './components/ToastNotification.vue'
|
|
import { useSettingsStore } from './stores/settings'
|
|
|
|
const settingsStore = useSettingsStore()
|
|
|
|
onMounted(async () => {
|
|
await settingsStore.fetchSettings()
|
|
const zoom = parseInt(settingsStore.settings.ui_zoom) || 100
|
|
const app = document.getElementById('app')
|
|
if (app) {
|
|
(app.style as any).zoom = `${zoom}%`
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<div class="h-full w-full flex flex-col bg-bg-base">
|
|
<TitleBar />
|
|
<div class="flex-1 flex overflow-hidden">
|
|
<NavRail />
|
|
<main class="flex-1 overflow-auto">
|
|
<router-view />
|
|
</main>
|
|
</div>
|
|
</div>
|
|
<ToastNotification />
|
|
</template>
|