study/uTools-quickcommand
1
0
Fork 0
mirror of https://github.com/fofolee/uTools-quickcommand.git synced 2025-07-23 19:59:38 +08:00
Code Issues Packages Projects Releases Wiki Activity

样式调整

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/config/CommandPanels.vue
View File

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

18
src/components/config/FooterBar.vue
View File

@ -5,7 +5,7 @@
> >
<div class="row"> <div class="row">
<!-- 搜索栏 --> <!-- 搜索栏 -->
<div class="col"> <div class="col search-input">
<q-input <q-input
:model-value="commandSearchKeyword" :model-value="commandSearchKeyword"
@update:model-value="updateSearch" @update:model-value="updateSearch"
@ -22,7 +22,7 @@
</div> </div>
<!-- 按钮组 --> <!-- 按钮组 -->
<div class="col-auto justify-end flex"> <div class="col-auto justify-end flex">
<q-btn-group> <q-btn-group class="btn-group">
<!-- 暗色模式切换按钮 --> <!-- 暗色模式切换按钮 -->
<q-btn <q-btn
flat flat
@ -266,4 +266,18 @@ export default {
font-family: monospace; font-family: monospace;
line-height: 0; 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> </style>