mirrors2/auv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: AI分析单页展示 + 主题切换 + 移动端适配

Browse Source 
- AI分析页改为直接展示最新报告，历史存数据库
- 新增浅色/深色/系统自动主题切换
- 市场看板、AI分析页适配主题变量
- 移动端表格可滑动、按钮自动换行
- Mermaid图表支持
- Markdown表格渲染支持(remark-gfm)
This commit is contained in:
Sakurasan
2026-09-01 12:33:27 +08:00
parent 912a224b6b
commit 6478e0d403
16 changed files with 614 additions and 407 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles.css
+61 -29
View File
@@ -149,30 +149,43 @@
/* AI Report Content Styles */
.ai-report-content {
color: #c9d1d9;
line-height: 1.7;
color: var(--card-foreground);
line-height: 1.6;
font-size: 14px;
}
@media (min-width: 640px) {
.ai-report-content {
font-size: 15px;
}
}
.ai-report-content h1,
.ai-report-content h2,
.ai-report-content h3,
.ai-report-content h4 {
color: #e6edf3;
color: var(--foreground);
font-weight: 600;
margin-top: 1.5em;
margin-top: 1.2em;
margin-bottom: 0.5em;
}
.ai-report-content h1 { font-size: 1.5em; }
.ai-report-content h2 { font-size: 1.3em; }
.ai-report-content h3 { font-size: 1.15em; }
.ai-report-content h1 { font-size: 1.4em; }
.ai-report-content h2 { font-size: 1.2em; }
.ai-report-content h3 { font-size: 1.05em; }
@media (min-width: 640px) {
.ai-report-content h1 { font-size: 1.5em; }
.ai-report-content h2 { font-size: 1.3em; }
.ai-report-content h3 { font-size: 1.15em; }
}
.ai-report-content p {
margin-bottom: 0.8em;
margin-bottom: 0.7em;
}
.ai-report-content strong {
color: #e6edf3;
color: var(--foreground);
font-weight: 600;
}
@@ -183,59 +196,78 @@
}
.ai-report-content li {
margin-bottom: 0.3em;
margin-bottom: 0.25em;
}
.ai-report-content blockquote {
border-left: 3px solid #30363d;
padding-left: 1em;
margin: 0.8em 0;
color: #8b949e;
border-left: 3px solid var(--border);
padding-left: 0.8em;
margin: 0.7em 0;
color: var(--muted-foreground);
font-size: 0.95em;
}
.ai-report-content code {
background: #0d1117;
padding: 0.15em 0.4em;
background: var(--muted);
padding: 0.15em 0.35em;
border-radius: 4px;
font-size: 0.9em;
color: #79c0ff;
font-size: 0.85em;
color: var(--primary);
}
.ai-report-content pre {
background: #0d1117;
padding: 1em;
background: var(--muted);
padding: 0.8em;
border-radius: 6px;
overflow-x: auto;
margin: 0.8em 0;
margin: 0.7em 0;
-webkit-overflow-scrolling: touch;
}
.ai-report-content pre code {
background: none;
padding: 0;
color: #c9d1d9;
color: var(--card-foreground);
font-size: 0.85em;
}
.ai-report-content table-wrapper {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
margin: 0.7em 0;
}
.ai-report-content table {
width: 100%;
border-collapse: collapse;
margin: 0.8em 0;
min-width: 280px;
}
.ai-report-content th,
.ai-report-content td {
border: 1px solid #30363d;
padding: 0.5em 0.8em;
border: 1px solid var(--border);
padding: 0.4em 0.6em;
text-align: left;
font-size: 0.9em;
white-space: nowrap;
}
@media (min-width: 640px) {
.ai-report-content th,
.ai-report-content td {
padding: 0.5em 0.8em;
font-size: 1em;
}
}
.ai-report-content th {
background: #21262d;
color: #e6edf3;
background: var(--muted);
color: var(--foreground);
font-weight: 600;
}
.ai-report-content hr {
border: none;
border-top: 1px solid #30363d;
margin: 1.5em 0;
border-top: 1px solid var(--border);
margin: 1.2em 0;
}