优化: CR-06 mdReady翻转主动重渲染(_mdRenderKey强制刷新)+CR-09 .ai-md样式抽全局css(70行去重→ai-md.css+main.ts导入)
This commit is contained in:
75
src/styles/ai-md.css
Normal file
75
src/styles/ai-md.css
Normal file
@@ -0,0 +1,75 @@
|
||||
/* ═══ Markdown 渲染(全局,从 AiChat.vue <style scoped> 抽出) ═══ */
|
||||
/* CR-260615-09: 原 5 文件重复 ~350 行 → 仅 AiChat.vue 有实际内容,
|
||||
其余 4 文件(ProjectDetail/Ideas/Knowledge/TaskDetail)零 .ai-md 引用。
|
||||
提为全局 CSS 消除唯一重复源。 */
|
||||
|
||||
.ai-md p { margin: 0 0 6px; }
|
||||
.ai-md p:last-child { margin-bottom: 0; }
|
||||
.ai-md ul, .ai-md ol { margin: 4px 0; padding-left: 20px; }
|
||||
.ai-md li { margin: 2px 0; line-height: 1.5; }
|
||||
.ai-md code {
|
||||
font-family: var(--df-font-mono);
|
||||
font-size: 12px;
|
||||
padding: 1px 5px;
|
||||
background: rgba(255,255,255,0.06);
|
||||
border-radius: var(--df-radius-sm);
|
||||
color: var(--df-accent);
|
||||
}
|
||||
.ai-md pre {
|
||||
margin: 8px 0;
|
||||
padding: 10px 12px;
|
||||
background: var(--df-bg);
|
||||
border: 0.5px solid var(--df-border);
|
||||
border-radius: var(--df-radius);
|
||||
overflow-x: auto;
|
||||
}
|
||||
.ai-md pre code {
|
||||
padding: 0;
|
||||
background: transparent;
|
||||
border-radius: 0;
|
||||
color: var(--df-text-secondary);
|
||||
font-size: 12px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.ai-md blockquote {
|
||||
margin: 6px 0;
|
||||
padding: 4px 12px;
|
||||
border-left: 2px solid var(--df-accent);
|
||||
color: var(--df-text-secondary);
|
||||
}
|
||||
.ai-md h1, .ai-md h2, .ai-md h3 {
|
||||
font-weight: 500;
|
||||
color: var(--df-text);
|
||||
margin: 8px 0 4px;
|
||||
}
|
||||
.ai-md h1 { font-size: 16px; }
|
||||
.ai-md h2 { font-size: 14px; }
|
||||
.ai-md h3 { font-size: 13px; }
|
||||
.a-md a {
|
||||
color: var(--df-accent);
|
||||
text-decoration: none;
|
||||
}
|
||||
.ai-md a:hover { text-decoration: underline; }
|
||||
.ai-md strong { font-weight: 500; color: var(--df-text); }
|
||||
.ai-md hr {
|
||||
border: none;
|
||||
border-top: 0.5px solid var(--df-border);
|
||||
margin: 8px 0;
|
||||
}
|
||||
.ai-md table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin: 6px 0;
|
||||
font-size: 12px;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
}
|
||||
.ai-md th, .ai-md td {
|
||||
padding: 4px 8px;
|
||||
border: 0.5px solid var(--df-border);
|
||||
text-align: left;
|
||||
}
|
||||
.ai-md th {
|
||||
font-weight: 500;
|
||||
background: var(--df-bg);
|
||||
}
|
||||
Reference in New Issue
Block a user