背景颜色样式调整

This commit is contained in:
fofolee
2025-02-15 12:06:34 +08:00
parent c6b511696a
commit 4262182f63
10 changed files with 71 additions and 101 deletions

View File

@@ -294,7 +294,7 @@ export default defineComponent({
margin: 4px 8px;
padding: 0 8px;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
background: rgba(0, 0, 0, 0.02);
background: var(--transparent-bg-color);
cursor: grab;
font-size: 12px;
min-height: 40px;
@@ -315,8 +315,7 @@ export default defineComponent({
}
.command-item.q-item-type:hover {
background-color: rgba(0, 0, 0, 0.1);
transform: translateX(4px);
transform: translateX(3px);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
@@ -325,16 +324,6 @@ export default defineComponent({
transform: scale(0.95);
}
/* 暗色模式适配 */
.body--dark .command-item.q-item-type {
border-color: rgba(255, 255, 255, 0.05);
background: rgba(255, 255, 255, 0.05);
}
.body--dark .command-item.q-item-type:hover {
background-color: rgba(255, 255, 255, 0.1);
}
.body--dark .section-header {
border-bottom-color: rgba(255, 255, 255, 0.05);
}