mirror of
https://github.com/solidtime-io/solidtime.git
synced 2026-06-06 20:37:32 +00:00
29 lines
817 B
Vue
29 lines
817 B
Vue
<script setup lang="ts">
|
|
import { onMounted, watch } from "vue";
|
|
import { theme } from "@/utils/theme.js";
|
|
|
|
onMounted(async () => {
|
|
document.documentElement.classList.add(theme.value);
|
|
watch(theme, (newTheme, oldTheme) => {
|
|
document.documentElement.classList.remove(oldTheme);
|
|
document.documentElement.classList.add(newTheme);
|
|
});
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
class="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-default-background">
|
|
<div>
|
|
<slot name="logo" />
|
|
</div>
|
|
|
|
<div
|
|
class="w-full sm:max-w-md mt-6 px-6 py-4 bg-card-background shadow-md border border-card-border overflow-hidden sm:rounded-lg">
|
|
<slot />
|
|
</div>
|
|
|
|
<slot name="actions"></slot>
|
|
</div>
|
|
</template>
|