样式调整

This commit is contained in:
fofolee 2025-02-22 15:46:57 +08:00
parent b8578a4baa
commit feca112f07
2 changed files with 22 additions and 3 deletions

View File

@ -28,7 +28,7 @@
@update:model-value="handleCommandsReorder"
:component-data="{
type: 'div',
class: 'row center q-pa-xs',
class: 'row center command-items',
}"
item-key="features.code"
handle=".q-card"
@ -218,6 +218,11 @@ export default {
opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.command-items {
padding-right: 4px;
margin-left: -4px;
}
.command-item {
transition: all 0.5s;
}

View File

@ -5,7 +5,7 @@
>
<div class="row">
<!-- 搜索栏 -->
<div class="col">
<div class="col search-input">
<q-input
:model-value="commandSearchKeyword"
@update:model-value="updateSearch"
@ -22,7 +22,7 @@
</div>
<!-- 按钮组 -->
<div class="col-auto justify-end flex">
<q-btn-group>
<q-btn-group class="btn-group">
<!-- 暗色模式切换按钮 -->
<q-btn
flat
@ -266,4 +266,18 @@ export default {
font-family: monospace;
line-height: 0;
}
.search-input {
margin-left: 4px;
}
.search-input :deep(.q-field--filled .q-field__control),
.search-input :deep(.q-field--filled .q-field__control *) {
border-radius: 5px 0 0 5px;
min-height: 40px;
}
.btn-group {
border-radius: 0;
}
</style>