rayine-ui/docs/layouts/default.vue
2024-11-20 04:39:14 +08:00

40 lines
784 B
Vue

<script lang="ts" setup>
useSeoMeta({
title: 'RayineSoft Common Components',
})
</script>
<template>
<div class="max-w-6xl mx-auto px-4">
<TitleBar />
<main class="pt-4">
<slot />
</main>
</div>
</template>
<style>
body {
@apply bg-white dark:bg-neutral-900 text-neutral-900 dark:text-neutral-100;
}
/* .shiki,
.shiki span {
background-color: rgba(0, 0, 0, 0) !important;
} */
/*
@media (prefers-color-scheme: dark) {
.shiki,
.shiki span,
code.shiki {
color: var(--shiki-dark) !important;
background-color: rgba(0, 0, 0, 0) !important;
font-style: var(--shiki-dark-font-style) !important;
font-weight: var(--shiki-dark-font-weight) !important;
text-decoration: var(--shiki-dark-text-decoration) !important;
}
} */
</style>