87 lines
2.3 KiB
CSS
87 lines
2.3 KiB
CSS
.chat-item {
|
|
@apply flex items-center gap-2 p-2 hover:bg-gray-100 rounded cursor-pointer transition-colors;
|
|
}
|
|
.chat-item.selected {
|
|
@apply bg-blue-50; /* 或使用深色背景如bg-gray-200 */
|
|
}
|
|
.chat-item-content {
|
|
@apply flex-1 truncate;
|
|
}
|
|
.chat-actions {
|
|
@apply flex items-center justify-end opacity-0 transition-opacity w-8;
|
|
}
|
|
.chat-item:hover.chat-actions {
|
|
@apply opacity-100;
|
|
}
|
|
.context-menu {
|
|
@apply absolute bg-white border rounded-lg shadow-lg py-1 z-50;
|
|
min-width: 120px;
|
|
}
|
|
.context-menu-item {
|
|
@apply px-4 py-2 hover:bg-gray-100 text-sm flex items-center gap-2;
|
|
}
|
|
|
|
.markdown-body {
|
|
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
|
|
font-size: 16px;
|
|
line-height: 1.5;
|
|
word-wrap: break-word;
|
|
}
|
|
.markdown-body pre {
|
|
background-color: #f6f8fa;
|
|
border-radius: 6px;
|
|
padding: 16px;
|
|
overflow-x: auto;
|
|
}
|
|
.markdown-body code {
|
|
background-color: rgba(175,184,193,0.2);
|
|
border-radius: 6px;
|
|
padding: 0.2em 0.4em;
|
|
font-size: 85%;
|
|
}
|
|
.markdown-body pre code {
|
|
background-color: transparent;
|
|
padding: 0;
|
|
font-size: 100%;
|
|
}
|
|
.markdown-body h1,.markdown-body h2,.markdown-body h3,
|
|
.markdown-body h4,.markdown-body h5,.markdown-body h6 {
|
|
margin-top: 24px;
|
|
margin-bottom: 16px;
|
|
font-weight: 600;
|
|
line-height: 1.25;
|
|
}
|
|
.markdown-body h1 { font-size: 2em; }
|
|
.markdown-body h2 { font-size: 1.5em; }
|
|
.markdown-body h3 { font-size: 1.25em; }
|
|
.markdown-body ul,.markdown-body ol {
|
|
padding-left: 2em;
|
|
}
|
|
.markdown-body ul { list-style-type: disc; }
|
|
.markdown-body ol { list-style-type: decimal; }
|
|
.markdown-body table {
|
|
border-spacing: 0;
|
|
border-collapse: collapse;
|
|
margin-top: 0;
|
|
margin-bottom: 16px;
|
|
}
|
|
.markdown-body table th,.markdown-body table td {
|
|
padding: 6px 13px;
|
|
border: 1px solid #d0d7de;
|
|
}
|
|
.markdown-body table tr:nth-child(2n) {
|
|
background-color: #f6f8fa;
|
|
}
|
|
.chat-actions button {
|
|
margin-left: 4px; /* Add some space between buttons */
|
|
}
|
|
/* 下拉菜单过渡动画 */
|
|
#uploadMenu {
|
|
transition: all 0.2s ease-out;
|
|
transform-origin: top right;
|
|
}
|
|
|
|
#uploadMenu a {
|
|
transition: background-color 0.2s ease;
|
|
}
|