mirror of
https://github.com/ArthurDanjou/artchat.git
synced 2026-01-14 18:59:54 +01:00
55 lines
889 B
Vue
55 lines
889 B
Vue
<script lang="ts" setup>
|
|
useHead({
|
|
link: [{ rel: 'icon', type: 'image/webp', href: '/favicon.webp' }],
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<UApp>
|
|
<NuxtLoadingIndicator color="#808080" />
|
|
<AppBackground />
|
|
<UContainer>
|
|
<NuxtPage />
|
|
</UContainer>
|
|
</UApp>
|
|
</template>
|
|
|
|
<style>
|
|
@reference "@/assets/css/main.css";
|
|
|
|
/* Transition switcher */
|
|
.page-enter-active,
|
|
.page-leave-active {
|
|
transition: all 0.2s;
|
|
}
|
|
|
|
.page-leave-to {
|
|
opacity: 0;
|
|
transform: translateY(-5px);
|
|
}
|
|
|
|
.page-enter-from {
|
|
opacity: 0;
|
|
transform: translateY(5px);
|
|
}
|
|
|
|
/* Theme switcher */
|
|
::view-transition-old(root),
|
|
::view-transition-new(root) {
|
|
animation: none;
|
|
mix-blend-mode: normal;
|
|
}
|
|
::view-transition-old(root) {
|
|
z-index: 1;
|
|
}
|
|
::view-transition-new(root) {
|
|
z-index: 9999;
|
|
}
|
|
.dark::view-transition-old(root) {
|
|
z-index: 9999;
|
|
}
|
|
.dark::view-transition-new(root) {
|
|
z-index: 1;
|
|
}
|
|
</style>
|