lidf/doctorAI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): migrate markdown-body to global styles to bypass view encapsulation and fix list indents

Browse Source
This commit is contained in:
lidf 2026-04-12 16:31:18 +08:00
parent b0cdea6c4a
commit 82c5e5828c
2 changed files with 50 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
src/app/app.css
View File

@ -393,49 +393,4 @@
background: var(--color-primary); color: white; border: none; width: 36px; height: 36px; border-radius: 50%; display: flex; justify-content: center; align-items: center; transition: all 0.2s; background: var(--color-primary); color: white; border: none; width: 36px; height: 36px; border-radius: 50%; display: flex; justify-content: center; align-items: center; transition: all 0.2s;
} }
.chat-send-btn:disabled { background: #cbd5e1; color: #f1f5f9; } .chat-send-btn:disabled { background: #cbd5e1; color: #f1f5f9; }
/* Markdown in Chat */
.markdown-body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
line-height: 1.6;
font-size: 15px;
color: #1e293b;
letter-spacing: 0.01em;
}
.markdown-body p {
margin-bottom: 12px;
}
.markdown-body p:last-child {
margin-bottom: 0;
}
.markdown-body strong {
font-weight: 700;
color: #0f172a;
}
.markdown-body ul, .markdown-body ol {
padding-left: 24px !important;
margin-bottom: 12px;
margin-top: 4px;
}
.markdown-body ul {
list-style-type: disc !important;
list-style-position: outside !important;
}
.markdown-body ol {
list-style-type: decimal !important;
list-style-position: outside !important;
}
.markdown-body li {
margin-bottom: 6px;
display: list-item !important;
padding-left: 4px;
}
.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4 {
margin-top: 16px;
margin-bottom: 10px;
font-weight: 700;
line-height: 1.3;
color: #0f172a;
}
.markdown-body h3, .markdown-body h4 {
font-size: 16px;
}

49
src/styles.css
View File

@ -200,3 +200,52 @@ button {
.stagger-4 { animation-delay: 0.2s; } .stagger-4 { animation-delay: 0.2s; }
.stagger-5 { animation-delay: 0.25s; } .stagger-5 { animation-delay: 0.25s; }
.stagger-6 { animation-delay: 0.3s; } .stagger-6 { animation-delay: 0.3s; }
/* ========================================================================
Markdown Rendering Styles (Global)
======================================================================== */
.markdown-body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
line-height: 1.6;
font-size: 15px;
color: #1e293b;
letter-spacing: 0.01em;
}
.markdown-body p {
margin-bottom: 12px;
}
.markdown-body p:last-child {
margin-bottom: 0;
}
.markdown-body strong {
font-weight: 700;
color: #0f172a;
}
.markdown-body ul, .markdown-body ol {
padding-left: 28px !important;
margin-bottom: 12px;
margin-top: 4px;
}
.markdown-body ul {
list-style-type: disc !important;
list-style-position: outside !important;
}
.markdown-body ol {
list-style-type: decimal !important;
list-style-position: outside !important;
}
.markdown-body li {
margin-bottom: 6px;
display: list-item !important;
padding-left: 4px;
}
.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4 {
margin-top: 16px;
margin-bottom: 10px;
font-weight: 700;
line-height: 1.3;
color: #0f172a;
}
.markdown-body h3, .markdown-body h4 {
font-size: 16px;
}