Phase 1: API + Frontend Skelett
This commit is contained in:
31
www/fahrschuldesk.de/src/App.vue
Normal file
31
www/fahrschuldesk.de/src/App.vue
Normal file
@@ -0,0 +1,31 @@
|
||||
<template>
|
||||
<div id="app" :style="customStyles">
|
||||
<router-view v-slot="{ Component }">
|
||||
<transition name="fade" mode="out-in">
|
||||
<component :is="Component" />
|
||||
</transition>
|
||||
</router-view>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { computed } from 'vue'
|
||||
import { useAuthStore } from '@/stores/auth'
|
||||
|
||||
const auth = useAuthStore()
|
||||
|
||||
const customStyles = computed(() => {
|
||||
if (!auth.tenant) return {}
|
||||
return {
|
||||
'--color-primary': auth.tenant.primary_color || '#2563eb',
|
||||
'--color-secondary': auth.tenant.secondary_color || '#64748b',
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<style>
|
||||
#app {
|
||||
min-height: 100vh;
|
||||
background-color: #f8fafc;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user