From 0275c93c6d291a4539df0af5bb02930c6dd40e4f Mon Sep 17 00:00:00 2001
From: thehrz <thehrz@outlook.com>
Date: Thu, 22 Jun 2023 21:50:22 +0800
Subject: [PATCH] Update about page style

---
 src/components/Nav.vue  | 2 +-
 src/layouts/default.vue | 2 +-
 src/pages/about.md      | 2 +-
 src/pages/events.vue    | 7 +++++++
 src/pages/index.md      | 1 -
 src/pages/index.vue     | 2 +-
 unocss.config.ts        | 1 +
 vite.config.ts          | 2 +-
 8 files changed, 13 insertions(+), 6 deletions(-)
 create mode 100644 src/pages/events.vue
 delete mode 100644 src/pages/index.md

diff --git a/src/components/Nav.vue b/src/components/Nav.vue
index 98b309f..a0c915e 100644
--- a/src/components/Nav.vue
+++ b/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>
diff --git a/src/layouts/default.vue b/src/layouts/default.vue
index 35df6ed..385d5ae 100644
--- a/src/layouts/default.vue
+++ b/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 />
diff --git a/src/pages/about.md b/src/pages/about.md
index c6dbd30..dae91fc 100644
--- a/src/pages/about.md
+++ b/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>
diff --git a/src/pages/events.vue b/src/pages/events.vue
new file mode 100644
index 0000000..62bcf55
--- /dev/null
+++ b/src/pages/events.vue
@@ -0,0 +1,7 @@
+<script setup lang="ts"></script>
+
+<template>
+  <h1>events</h1>
+</template>
+
+<style scoped></style>
diff --git a/src/pages/index.md b/src/pages/index.md
deleted file mode 100644
index 2096c78..0000000
--- a/src/pages/index.md
+++ /dev/null
@@ -1 +0,0 @@
-<h1 class="text-12 text-center c-coolgray-700 not-prose">属于19预科2班的故事还未完结</h1>
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 7cac498..7e4c066 100644
--- a/src/pages/index.vue
+++ b/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>
diff --git a/unocss.config.ts b/unocss.config.ts
index 873726b..11ed615 100644
--- a/unocss.config.ts
+++ b/unocss.config.ts
@@ -29,4 +29,5 @@ export default defineConfig({
     presetTypography(),
   ],
   transformers: [transformerDirectives(), transformerVariantGroup()],
+  safelist: 'm-auto prose max-w-100ch mt-5'.split(' '),
 })
diff --git a/vite.config.ts b/vite.config.ts
index 81d67aa..8ccd8d8 100644
--- a/vite.config.ts
+++ b/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/