- ))
+ );
+ })
) : (
暂无可访问的知识库，请先申请知识库访问权限
diff --git a/src/styles/style.scss b/src/styles/style.scss
index aba457a..c927658 100644
--- a/src/styles/style.scss
+++ b/src/styles/style.scss
@@ -11,6 +11,134 @@
top: 6.5rem;
}
+/* Markdown styling in chat messages */
+.markdown-content {
+ font-size: 0.95rem;
+ line-height: 1.6;
+ color: inherit;
+
+ /* Heading styles */
+ h1, h2, h3, h4, h5, h6 {
+ margin-top: 1rem;
+ margin-bottom: 0.75rem;
+ font-weight: 600;
+ }
+
+ h1 { font-size: 1.5rem; }
+ h2 { font-size: 1.35rem; }
+ h3 { font-size: 1.2rem; }
+ h4 { font-size: 1.1rem; }
+ h5, h6 { font-size: 1rem; }
+
+ /* Paragraph spacing */
+ p {
+ margin-bottom: 0.75rem;
+ }
+
+ /* Lists */
+ ul, ol {
+ padding-left: 1.5rem;
+ margin-bottom: 0.75rem;
+ }
+
+ /* Code blocks with syntax highlighting */
+ pre, pre.prism-code {
+ margin: 0.5rem 0 !important;
+ padding: 0.75rem !important;
+ border-radius: 0.375rem !important;
+ font-size: 0.85rem !important;
+ line-height: 1.5 !important;
+
+ /* Improve readability on dark background */
+ code span {
+ font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace !important;
+ }
+ }
+
+ /* Add copy button positioning for future enhancements */
+ .code-block-container {
+ position: relative;
+ margin: 0.75rem 0;
+ }
+
+ /* Inline code */
+ code {
+ background-color: rgba(0, 0, 0, 0.05);
+ padding: 0.15rem 0.25rem;
+ border-radius: 0.25rem;
+ font-size: 0.9rem;
+ }
+
+ /* Block quotes */
+ blockquote {
+ border-left: 3px solid #dee2e6;
+ padding-left: 1rem;
+ margin-left: 0;
+ color: #6c757d;
+ }
+
+ /* Links */
+ a {
+ color: #0d6efd;
+ text-decoration: none;
+ &:hover {
+ text-decoration: underline;
+ }
+ }
+
+ /* Tables */
+ table {
+ width: 100%;
+ margin-bottom: 0.75rem;
+ border-collapse: collapse;
+
+ th, td {
+ padding: 0.5rem;
+ border: 1px solid #dee2e6;
+ }
+
+ th {
+ background-color: #f8f9fa;
+ }
+ }
+
+ /* Images */
+ img {
+ max-width: 100%;
+ height: auto;
+ border-radius: 0.25rem;
+ }
+
+ /* Horizontal rule */
+ hr {
+ margin: 1rem 0;
+ border: 0;
+ border-top: 1px solid #dee2e6;
+ }
+}
+
+/* Apply different text colors based on message background */
+.bg-dark .markdown-content {
+ color: white;
+
+ code {
+ background-color: rgba(255, 255, 255, 0.1);
+ }
+
+ pre {
+ background-color: rgba(255, 255, 255, 0.1);
+ }
+
+ blockquote {
+ border-left-color: rgba(255, 255, 255, 0.3);
+ color: rgba(255, 255, 255, 0.8);
+ }
+
+ a {
+ color: #8bb9fe;
+ }
+}
+
.knowledge-card {
min-width: 20rem;
cursor: pointer;
@@ -143,4 +271,79 @@
/* 下拉箭头颜色 */
.dark-select {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23000' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
- }
\ No newline at end of file
+ }
+
+/* Code Block Styles */
+.code-block-container {
+ position: relative;
+ margin: 0.75rem 0;
+ border-radius: 0.375rem;
+ overflow: hidden;
+ background-color: #282c34; /* Dark background matching atomDark theme */
+}
+
+.code-block-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 0.375rem 0.75rem;
+ background-color: rgba(0, 0, 0, 0.2);
+ border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.code-language-badge {
+ font-size: 0.75rem;
+ color: rgba(255, 255, 255, 0.7);
+ text-transform: uppercase;
+ letter-spacing: 0.5px;
+}
+
+.copy-button {
+ background: none;
+ border: none;
+ color: rgba(255, 255, 255, 0.7);
+ cursor: pointer;
+ padding: 0.125rem 0.375rem;
+ font-size: 0.75rem;
+ display: flex;
+ align-items: center;
+ gap: 0.25rem;
+ border-radius: 0.25rem;
+ transition: all 0.2s;
+
+ &:hover {
+ color: rgba(255, 255, 255, 0.9);
+ background-color: rgba(255, 255, 255, 0.1);
+ }
+}
+
+.copied-indicator {
+ color: #10b981; /* Green color for success */
+ display: flex;
+ align-items: center;
+ gap: 0.25rem;
+}
+
+/* Override the default SyntaxHighlighter styles */
+.code-block-container pre {
+ margin: 0 !important;
+ border-radius: 0 !important; /* Remove rounded corners inside the container */
+}
+
+/* Markdown fallback styling */
+.markdown-fallback {
+ font-size: 0.95rem;
+
+ .text-danger {
+ font-weight: 500;
+ }
+
+ pre {
+ white-space: pre-wrap;
+ word-break: break-word;
+ background-color: rgba(0, 0, 0, 0.05);
+ padding: 0.75rem;
+ border-radius: 0.375rem;
+ margin-top: 0.5rem;
+ }
+}
\ No newline at end of file