From 027ce2159268619828cdab4799a05b99025a6d1d Mon Sep 17 00:00:00 2001
From: fofolee <fofolee@qq.com>
Date: Sat, 16 Apr 2022 22:25:35 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/CommandCard.vue   |  8 +++-----
 src/components/CommandEditor.vue |  6 ++++--
 src/pages/ConfigurationPage.vue  | 15 ++++++---------
 3 files changed, 13 insertions(+), 16 deletions(-)

diff --git a/src/components/CommandCard.vue b/src/components/CommandCard.vue
index b23c1b5..36b0cf4 100644
--- a/src/components/CommandCard.vue
+++ b/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 模式下命令标题字体变小 -->
diff --git a/src/components/CommandEditor.vue b/src/components/CommandEditor.vue
index 3e7de92..73f1afa 100644
--- a/src/components/CommandEditor.vue
+++ b/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',
       }"
diff --git a/src/pages/ConfigurationPage.vue b/src/pages/ConfigurationPage.vue
index a431953..d6e5cb9 100644
--- a/src/pages/ConfigurationPage.vue
+++ b/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>
+      <CommandEditor
+        ref="commandEditor"
+        :action="commandEditorAction"
+        @editorEvent="editorEvent"
+      ></CommandEditor>
     </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,