style: 优化结果内容区域滚动条样式
This commit is contained in:
parent
8cb28745c3
commit
081630f732
|
|
@ -1028,6 +1028,30 @@ const reset = () => {
|
|||
overflow-y: auto;
|
||||
}
|
||||
|
||||
/* result-content 滚动条样式 */
|
||||
.result-content::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
}
|
||||
|
||||
.result-content::-webkit-scrollbar-track {
|
||||
background: rgba(0, 0, 0, 0.15);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.result-content::-webkit-scrollbar-thumb {
|
||||
background: rgba(139, 92, 246, 0.35);
|
||||
border-radius: 3px;
|
||||
transition: background 0.2s;
|
||||
}
|
||||
|
||||
.result-content::-webkit-scrollbar-thumb:hover {
|
||||
background: rgba(139, 92, 246, 0.55);
|
||||
}
|
||||
|
||||
.result-content::-webkit-scrollbar-thumb:active {
|
||||
background: rgba(139, 92, 246, 0.75);
|
||||
}
|
||||
|
||||
.result-card.is-optimizing {
|
||||
border-color: rgba(16, 185, 129, 0.3);
|
||||
box-shadow: 0 0 20px rgba(16, 185, 129, 0.1);
|
||||
|
|
|
|||
Loading…
Reference in New Issue