From 41d9106040d9d1b98845f0ebca6e2c025ab41484 Mon Sep 17 00:00:00 2001
From: fit2-zhao <yong.zhao@fit2cloud.com>
Date: Thu, 14 Mar 2024 10:27:21 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E8=84=9A=E6=9C=AC=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E6=8A=98=E5=8F=A0=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

---
 .../ms-common-script/scriptDefined.vue        | 48 ++++++++++---------
 1 file changed, 25 insertions(+), 23 deletions(-)

diff --git a/frontend/src/components/business/ms-common-script/scriptDefined.vue b/frontend/src/components/business/ms-common-script/scriptDefined.vue
index 7678ffd814..874eb62548 100644
--- a/frontend/src/components/business/ms-common-script/scriptDefined.vue
+++ b/frontend/src/components/business/ms-common-script/scriptDefined.vue
@@ -19,29 +19,31 @@
       </MsTag>
     </div>
   </div>
-  <div v-if="props.showType === 'commonScript'" class="relative flex w-full">
-    <MsCodeEditor
-      ref="codeEditorRef"
-      v-model:model-value="innerCodeValue"
-      title=""
-      :width="expandMenu ? '100%' : '68%'"
-      height="460px"
-      theme="vs"
-      :language="innerLanguagesType"
-      :read-only="false"
-      :show-full-screen="false"
-      :show-theme-change="false"
-    >
-      <template #rightBox>
-        <MsScriptMenu
-          v-model:expand="expandMenu"
-          v-model:languagesType="innerLanguagesType"
-          @insert="insertHandler"
-          @form-api-import="formApiImport"
-          @insert-common-script="insertCommonScript"
-        />
-      </template>
-    </MsCodeEditor>
+  <div v-if="props.showType === 'commonScript'" class="flex bg-[var(--color-bg-3)]">
+    <div class="relative w-full">
+      <MsCodeEditor
+        ref="codeEditorRef"
+        v-model:model-value="innerCodeValue"
+        title=""
+        :width="expandMenu ? '100%' : '68%'"
+        height="460px"
+        theme="vs"
+        :language="innerLanguagesType"
+        :read-only="false"
+        :show-full-screen="false"
+        :show-theme-change="false"
+      >
+        <template #rightBox>
+          <MsScriptMenu
+            v-model:expand="expandMenu"
+            v-model:languagesType="innerLanguagesType"
+            @insert="insertHandler"
+            @form-api-import="formApiImport"
+            @insert-common-script="insertCommonScript"
+          />
+        </template>
+      </MsCodeEditor>
+    </div>
   </div>
   <MsCodeEditor
     v-else