audrius/chatgpt-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(md) Display the borders of the table.

Browse Source
This commit is contained in:
Rafi
2023-04-18 23:10:09 +08:00
parent 04c52cba88
commit 191409209b
1 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
components/MsgContent.vue
View File

@@ -13,7 +13,6 @@ const md = new MarkdownIt({
}, },
}) })
md.use(mathjax3) md.use(mathjax3)
// md.use(mk)
const props = defineProps({ const props = defineProps({
message: { message: {
@@ -91,6 +90,16 @@ onMounted(() => {
.chat-msg-content h6 { .chat-msg-content h6 {
margin-bottom: 1rem; 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 { .chat-msg-content ol, .chat-msg-content ul {
padding-left: 2em; padding-left: 2em;
} }