GitHub/015
1
0
Fork 0
mirror of https://github.com/keven1024/015.git synced 2026-05-26 07:08:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

style(front): enhance Markdown and Tiptap components with improved styling for blockquotes and selection background

Browse Source
This commit is contained in:
keven
2025-10-17 09:11:23 +08:00
parent b59aec2d97
commit 164d07b8e0
2 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
front/components/MarkdownRender.vue
View File

@@ -11,5 +11,13 @@ const renderHtml = computed(() => {
})
</script>
<template>
<div :class="cx('prose prose-sm [&>*]:outline-none prose-p:my-1 prose-headings:my-2 prose-pre:mb-0', props?.class)" v-html="renderHtml" />
<div
:class="
cx(
'prose prose-sm [&>*]:outline-none prose-p:my-1 prose-headings:my-2 prose-pre:mb-0 prose-blockquote:border-black/50 selection:bg-primary/20',
props?.class
)
"
v-html="renderHtml"
/>
</template>

2
front/components/Tiptap.vue
View File

@@ -46,6 +46,6 @@ onUnmounted(() => {
<template>
<editor-content
:editor="editor"
class="prose prose-sm bg-white/50 rounded-md p-2 [&>*]:outline-none prose-p:my-1 prose-headings:my-2 prose-pre:mb-0"
class="prose prose-sm bg-white/50 rounded-md p-2 [&>*]:outline-none prose-p:my-1 prose-headings:my-2 prose-pre:mb-0 prose-blockquote:border-black/50 selection:bg-primary/20"
/>
</template>