Modify the scrollbar style of the prompt editing area to a custom scrollbar.

This commit is contained in:
fanlusky committed 2026-07-19 23:17:27 +08:00
1 parent 3e1b9217b7
commit 90a8d0f096
2 files changed
+18 -7

No files matched your search

@@ -7,4 +7,9 @@
.ai-grid input, .ai-prompt { box-sizing: border-box; width: 100%; padding: 10px 12px; color: #eee; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.09); border-radius: 6px; outline: none; font: inherit; }
.ai-grid input:focus, .ai-prompt:focus { border-color: var(--accent-color); }
.ai-grid input[type="password"] { font-family: Consolas, "Cascadia Mono", monospace; letter-spacing: -0.1ch; }
.ai-prompt { min-height: 280px; resize: vertical; line-height: 1.65; }
.ai-prompt { min-height: 280px; resize: none; line-height: 1.65; }
.ai-prompt::-webkit-scrollbar,
.ai-prompt::-webkit-scrollbar-track,
.ai-prompt::-webkit-scrollbar-thumb {
cursor: default;
}
@@ -15,19 +15,22 @@
/* 滚动条样式 */
.sidebar::-webkit-scrollbar,
.content::-webkit-scrollbar,
.dict-table-wrap::-webkit-scrollbar {
.dict-table-wrap::-webkit-scrollbar,
.ai-prompt::-webkit-scrollbar {
width: 8px;
}
.sidebar::-webkit-scrollbar-track,
.content::-webkit-scrollbar-track,
.dict-table-wrap::-webkit-scrollbar-track {
.dict-table-wrap::-webkit-scrollbar-track,
.ai-prompt::-webkit-scrollbar-track {
background: transparent;
}
.sidebar::-webkit-scrollbar-thumb,
.content::-webkit-scrollbar-thumb,
.dict-table-wrap::-webkit-scrollbar-thumb {
.dict-table-wrap::-webkit-scrollbar-thumb,
.ai-prompt::-webkit-scrollbar-thumb {
background-color: rgba(120, 120, 120, 0.4);
border-radius: 2px;
transition: background-color 0.2s;
@@ -35,7 +38,8 @@
.sidebar::-webkit-scrollbar-thumb:hover,
.content::-webkit-scrollbar-thumb:hover,
.dict-table-wrap::-webkit-scrollbar-thumb:hover {
.dict-table-wrap::-webkit-scrollbar-thumb:hover,
.ai-prompt::-webkit-scrollbar-thumb:hover {
background-color: rgba(160, 160, 160, 0.6);
}
@@ -43,13 +47,15 @@
.sidebar::-webkit-scrollbar-thumb,
.content::-webkit-scrollbar-thumb,
.dict-table-wrap::-webkit-scrollbar-thumb {
.dict-table-wrap::-webkit-scrollbar-thumb,
.ai-prompt::-webkit-scrollbar-thumb {
background-color: rgba(180, 180, 180, 0.25);
}
.sidebar::-webkit-scrollbar-thumb:hover,
.content::-webkit-scrollbar-thumb:hover,
.dict-table-wrap::-webkit-scrollbar-thumb:hover {
.dict-table-wrap::-webkit-scrollbar-thumb:hover,
.ai-prompt::-webkit-scrollbar-thumb:hover {
background-color: rgba(220, 220, 220, 0.4);
}
}