样式调整

src/components/config/CommandPanels.vue

@@ -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;
 }

src/components/config/FooterBar.vue

@@ -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>