Update about page style

src/components/Nav.vue

@@ -24,7 +24,7 @@ export default {
     <v-app-bar-nav-icon />
 
     <router-link to="/">
-      <v-toolbar-title c-coolgray-700>
+      <v-toolbar-title c-coolgray-700 font-bold>
         合肥市南园学校19预科2班
       </v-toolbar-title>
     </router-link>

src/layouts/default.vue

@@ -11,7 +11,7 @@ export default {
 <template>
   <v-layout class="text-gray-700 dark:text-gray-200 min-h-screen flex flex-col">
     <Nav />
-    <div class="max-w-75ch prose m-auto text-left">
+    <div class="m-auto mt-0 text-left flex">
       <RouterView />
     </div>
     <Footer />

src/pages/about.md

@@ -1,4 +1,4 @@
-<div class="text-center mt">
+<div class="text-center">
   <div i-carbon-dicom-overlay class="text-4xl -mb-6 m-auto" />
   <h3>关于本站</h3>
 </div>

src/pages/events.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts"></script>
+
+<template>
+  <h1>events</h1>
+</template>
+
+<style scoped></style>

src/pages/index.md

@@ -1 +0,0 @@
-<h1 class="text-12 text-center c-coolgray-700 not-prose">属于19预科2班的故事还未完结</h1>

src/pages/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <h1 class="text-12 text-center c-coolgray-700">
+  <h1 class="text-12 text-center mt-50% c-coolgray-700">
     属于19预科2班的故事还未完结
   </h1>
 </template>

unocss.config.ts

@@ -29,4 +29,5 @@ export default defineConfig({
     presetTypography(),
   ],
   transformers: [transformerDirectives(), transformerVariantGroup()],
+  safelist: 'm-auto prose max-w-100ch mt-5'.split(' '),
 })

vite.config.ts

@@ -84,7 +84,7 @@ export default defineConfig({
     // https://github.com/antfu/vite-plugin-vue-markdown
     // Don't need this? Try vitesse-lite: https://github.com/antfu/vitesse-lite
     Markdown({
-      // wrapperClasses: 'prose m-auto text-left',
+      wrapperClasses: 'm-auto prose max-w-100ch mt-5',
       headEnabled: true,
       markdownItSetup(md) {
         // https://prismjs.com/