样式调整

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',
       }"