From 191409209b72dcc5f97bed4298ba18173db016e6 Mon Sep 17 00:00:00 2001
From: Rafi <rafiwx@gmail.com>
Date: Tue, 18 Apr 2023 23:10:09 +0800
Subject: [PATCH] feat(md) Display the borders of the table.

---
 components/MsgContent.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/components/MsgContent.vue b/components/MsgContent.vue
index c6205fb..d67a9b5 100644
--- a/components/MsgContent.vue
+++ b/components/MsgContent.vue
@@ -13,7 +13,6 @@ const md = new MarkdownIt({
   },
 })
 md.use(mathjax3)
-// md.use(mk)
 
 const props = defineProps({
   message: {
@@ -91,6 +90,16 @@ onMounted(() => {
 .chat-msg-content h6 {
   margin-bottom: 1rem;
 }
+.chat-msg-content table {
+  width: 100%;
+  border-collapse: collapse;
+  border-radius: .5rem;
+}
+.chat-msg-content table th,
+.chat-msg-content table td {
+  padding: .5rem 1rem;
+  border: 1px solid gray;
+}
 .chat-msg-content ol, .chat-msg-content ul {
   padding-left: 2em;
 }