style(接口测试): 修改前后置SQL脚本样式问题

frontend/src/business/components/api/automation/scenario/common/JDBCProcessorContent.vue

@@ -50,15 +50,20 @@
               <el-input v-model="request.variableNames" maxlength="500" show-word-limit size="small"/>
             </el-form-item>
 
-            <el-tabs v-model="activeName">
+            <el-tabs v-model="activeName" class="ms-sql-tabs">
               <el-tab-pane :label="$t('api_test.scenario.variables')" name="variables">
                 <ms-api-scenario-variables :is-read-only="isReadOnly" :items="request.variables"
                                            :description="$t('api_test.scenario.kv_description')"/>
               </el-tab-pane>
               <el-tab-pane :label="$t('api_test.request.sql.sql_script')" name="sql">
-                <div class="sql-content">
-                  <ms-code-edit mode="sql" :read-only="isReadOnly" :modes="['sql']" :data.sync="request.query" theme="eclipse" ref="codeEdit"/>
-                </div>
+                <ms-code-edit
+                    :height="120"
+                    :read-only="isReadOnly"
+                    :modes="['sql']"
+                    :data.sync="request.query"
+                    theme="eclipse"
+                    mode="sql"
+                    ref="codeEdit"/>
               </el-tab-pane>
             </el-tabs>
           </el-form>
@@ -326,8 +331,9 @@ export default {
 </script>
 
 <style scoped>
-.sql-content {
-  height: calc(100vh - 570px);
+
+.ms-sql-tabs {
+  min-height: 160px;
 }
 
 .one-row .el-form-item {