[*] Fix markdown css

LoCyan-Team · Feb 4, 2025 · c689023 · c689023
1 parent c5e7d8e
commit c689023
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -23,6 +23,7 @@
     "@vicons/ionicons5": "^0.13.0",
     "@vicons/material": "^0.13.0",
     "axios": "^1.7.9",
+    "github-markdown-css": "^5.8.1",
     "highlight.js": "^11.10.0",
     "js-cookie": "^3.0.5",
     "json": "^11.0.0",

diff --git a/src/assets/style.css b/src/assets/style.css
@@ -3,7 +3,7 @@
   filter: grayscale(1);
 }*/
 
-@import "tailwindcss";
+@import 'tailwindcss';
 
 * {
   margin: 0;

diff --git a/src/components/TheHeader.vue b/src/components/TheHeader.vue
@@ -9,7 +9,7 @@
     :bordered="false"
     :segmented="{ content: 'soft', footer: 'soft' }"
   >
-    <n-p v-html="announcementHtml"></n-p>
+    <n-text class="markdown-body" v-html="announcementHtml"></n-text>
   </n-modal>
   <n-space justify="space-between">
     <n-gradient-text

diff --git a/src/views/DashboardView.vue b/src/views/DashboardView.vue
@@ -132,7 +132,7 @@
     <n-grid-item span="0:3 600:2">
       <n-card title="公告" size="large">
         <n-spin :show="broadcastLoading">
-          <n-text v-html="broadcastHtml" id="boardrcast"></n-text>
+          <n-text class="markdown-body" v-html="broadcastHtml" id="boardrcast"></n-text>
         </n-spin>
         <br />
       </n-card>
@@ -189,7 +189,7 @@ const broadcastHtml = ref('')
 const broadcastLoading = ref(true)
 
 onMounted(async () => {
-  let result = await notice.getNotice()
+  const result = await notice.getNotice()
   broadcastHtml.value = result.broadcast
   broadcastLoading.value = false
 })