mirror of
https://github.com/fofolee/uTools-quickcommand.git
synced 2025-06-07 13:34:08 +08:00
样式调整
This commit is contained in:
parent
b8578a4baa
commit
feca112f07
@ -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;
|
||||
}
|
||||
|
@ -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>
|
||||
|
Loading…
x
Reference in New Issue
Block a user