Modify the scrollbar style of the prompt editing area to a custom scrollbar.
This commit is contained in:
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);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user