初始提交:极码 GeekCode 全栈项目(FastAPI + Vue3)
This commit is contained in:
84
frontend/src/style.css
Normal file
84
frontend/src/style.css
Normal file
@@ -0,0 +1,84 @@
|
||||
@import "tailwindcss";
|
||||
|
||||
/* 自定义基础样式 */
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
||||
}
|
||||
|
||||
/* Markdown渲染样式 */
|
||||
.markdown-body h1 { font-size: 1.5em; font-weight: 700; margin: 1em 0 0.5em; }
|
||||
.markdown-body h2 { font-size: 1.3em; font-weight: 600; margin: 1em 0 0.5em; }
|
||||
.markdown-body h3 { font-size: 1.1em; font-weight: 600; margin: 0.8em 0 0.4em; }
|
||||
.markdown-body p { margin: 1em 0; line-height: 1.8; }
|
||||
.markdown-body ul, .markdown-body ol { padding-left: 1.5em; margin: 0.5em 0; }
|
||||
.markdown-body li { margin: 0.3em 0; }
|
||||
.markdown-body code {
|
||||
background: rgba(127, 127, 127, 0.15);
|
||||
padding: 0.15em 0.4em;
|
||||
border-radius: 4px;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
.markdown-body pre {
|
||||
background: #1e1e2e;
|
||||
color: #cdd6f4;
|
||||
padding: 1em;
|
||||
border-radius: 8px;
|
||||
overflow-x: auto;
|
||||
margin: 0.8em 0;
|
||||
}
|
||||
.markdown-body pre code {
|
||||
background: none;
|
||||
padding: 0;
|
||||
}
|
||||
.markdown-body table {
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
margin: 0.8em 0;
|
||||
}
|
||||
.markdown-body th, .markdown-body td {
|
||||
border: 1px solid rgba(127, 127, 127, 0.3);
|
||||
padding: 0.5em 0.8em;
|
||||
text-align: left;
|
||||
}
|
||||
.markdown-body th {
|
||||
background: rgba(127, 127, 127, 0.1);
|
||||
font-weight: 600;
|
||||
}
|
||||
.markdown-body blockquote {
|
||||
border-left: 3px solid #6366f1;
|
||||
padding-left: 1em;
|
||||
margin: 0.5em 0;
|
||||
color: rgba(127, 127, 127, 0.8);
|
||||
}
|
||||
|
||||
/* 思考过程折叠样式 */
|
||||
.markdown-body details {
|
||||
background: rgba(99, 102, 241, 0.08);
|
||||
border: 1px solid rgba(99, 102, 241, 0.2);
|
||||
border-radius: 8px;
|
||||
padding: 0;
|
||||
margin: 0.5em 0 1em;
|
||||
overflow: hidden;
|
||||
}
|
||||
.markdown-body details summary {
|
||||
padding: 0.6em 1em;
|
||||
cursor: pointer;
|
||||
font-weight: 500;
|
||||
color: #a5b4fc;
|
||||
user-select: none;
|
||||
font-size: 0.85em;
|
||||
}
|
||||
.markdown-body details summary:hover {
|
||||
background: rgba(99, 102, 241, 0.1);
|
||||
}
|
||||
.markdown-body details[open] summary {
|
||||
border-bottom: 1px solid rgba(99, 102, 241, 0.15);
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.markdown-body details > *:not(summary) {
|
||||
padding: 0 1em;
|
||||
font-size: 0.85em;
|
||||
color: #9ca3af;
|
||||
line-height: 1.6;
|
||||
}
|
||||
Reference in New Issue
Block a user