样式调整

src/components/CommandCard.vue

@@ -85,11 +85,9 @@
         <q-card-section>
           <!-- logo -->
           <div class="row" :class="cardStyleVars.logoPosition">
-            <q-img
-              width="48px"
-              height="48px"
-              :src="commandInfo.features.icon"
-            />
+            <q-avatar square size="48px">
+              <q-img :src="commandInfo.features.icon" />
+            </q-avatar>
           </div>
           <!-- 名称 -->
           <!-- mini 和 small 模式下命令标题字体变小 -->

src/components/CommandEditor.vue

@@ -1,5 +1,8 @@
 <template>
-  <div class="relative">
+  <div
+    class="absolute-full"
+    :style="{ background: $q.dark.isActive ? 'var(--q-dark-page)' : '#ffffff' }"
+  >
     <!-- 命令设置栏 -->
     <CommandSideBar
       ref="sidebar"
@@ -8,7 +11,6 @@
       class="absolute-left shadow-10"
       :style="{
         width: sideBarWidth + 'px',
-        background: $q.dark.isActive ? 'var(--q-dark-page)' : '#f2f2f2',
         zIndex: 1,
         transition: '0.3s',
       }"

src/pages/ConfigurationPage.vue

@@ -176,17 +176,15 @@
     <q-dialog
       v-model="isCommandEditorShow"
       persistent
-      :maximized="maximizedToggle"
+      maximized
       :transition-show="newCommandDirect ? '' : 'slide-up'"
       transition-hide="slide-down"
     >
-      <q-card style="overfolw: hidden">
       <CommandEditor
         ref="commandEditor"
         :action="commandEditorAction"
         @editorEvent="editorEvent"
       ></CommandEditor>
-      </q-card>
     </q-dialog>
     <CommandRunResult
       :action="{ type: 'config' }"
@@ -227,7 +225,6 @@ export default {
       allQuickCommands: [],
       commandSearchKeyword: "",
       isCommandEditorShow: false,
-      maximizedToggle: true,
       commandEditorAction: {},
       footerBarHeight: "40px",
       commandCardStyle: this.$profile.commandCardStyle,