style: 优化结果内容区域滚动条样式
This commit is contained in:
parent
8cb28745c3
commit
081630f732
|
|
@ -1028,6 +1028,30 @@ const reset = () => {
|
||||||
overflow-y: auto;
|
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 {
|
.result-card.is-optimizing {
|
||||||
border-color: rgba(16, 185, 129, 0.3);
|
border-color: rgba(16, 185, 129, 0.3);
|
||||||
box-shadow: 0 0 20px rgba(16, 185, 129, 0.1);
|
box-shadow: 0 0 20px rgba(16, 185, 129, 0.1);
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue