mirror of
https://github.com/rustfs/console.git
synced 2026-09-01 15:17:45 +08:00
overtrue
26 lines
717 B
Vue
26 lines
717 B
Vue
<template>
|
|
|
|
<Body class="bg-background overscroll-none font-sans antialiased" :class="[
|
|
activeTheme ? `theme-${activeTheme}` : '',
|
|
isScaled ? 'theme-scaled' : '',
|
|
]">
|
|
<ProvidersAppUiProvider>
|
|
<NuxtLayout>
|
|
<NuxtPage />
|
|
</NuxtLayout>
|
|
</ProvidersAppUiProvider>
|
|
|
|
<Toaster :theme="colorMode as any || 'system'" />
|
|
</Body>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { useColorMode } from '@vueuse/core'
|
|
import { computed } from 'vue'
|
|
|
|
import { Toaster } from '@/components/ui/sonner'
|
|
const activeTheme = useCookie<string>('active_theme', { readonly: true })
|
|
const isScaled = computed(() => !!activeTheme.value?.endsWith('-scaled'))
|
|
const colorMode = useColorMode()
|
|
</script>
|