From 742b5122c258a54cb33cd3dbb838648f1c4cec55 Mon Sep 17 00:00:00 2001
From: fofolee <fofolee@qq.com>
Date: Sun, 9 Feb 2025 22:10:50 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=20AxiosConfigEditor=20=20?=
 =?UTF-8?q?=E5=92=8C=20ubrowser=20=E7=BB=84=E4=BB=B6=E7=9A=84=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E5=92=8C=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../composer/network/AxiosConfigEditor.vue    | 20 ++++++++++++----
 .../composer/ubrowser/UBrowserEditor.vue      | 23 ++++++-------------
 2 files changed, 22 insertions(+), 21 deletions(-)

diff --git a/src/components/composer/network/AxiosConfigEditor.vue b/src/components/composer/network/AxiosConfigEditor.vue
index ec17074..03e25f9 100644
--- a/src/components/composer/network/AxiosConfigEditor.vue
+++ b/src/components/composer/network/AxiosConfigEditor.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="row q-col-gutter-sm">
+  <div class="row q-col-gutter-sm axios-config-editor">
     <!-- 基础配置 -->
     <div class="col-12">
       <div class="row q-col-gutter-sm">
@@ -64,7 +64,7 @@
 
       <q-tab-panels v-model="activeTab" animated class="q-px-none">
         <!-- Headers tab -->
-        <q-tab-panel name="headers" class="q-pa-sm">
+        <q-tab-panel name="headers" class="q-pa-none q-pt-sm">
           <div class="row q-col-gutter-sm">
             <div class="col-12">
               <q-select
@@ -112,14 +112,18 @@
         </q-tab-panel>
 
         <!-- 请求体和URL参数 tabs -->
-        <q-tab-panel v-if="hasRequestData" name="data" class="q-pa-sm">
+        <q-tab-panel
+          v-if="hasRequestData"
+          name="data"
+          class="q-pa-none q-pt-sm"
+        >
           <DictEditor
             v-model="argvs.data"
             @update:model-value="updateArgvs('data', $event)"
           />
         </q-tab-panel>
 
-        <q-tab-panel name="params" class="q-pa-sm">
+        <q-tab-panel name="params" class="q-pa-none q-pt-sm">
           <DictEditor
             v-model="argvs.params"
             @update:model-value="updateArgvs('params', $event)"
@@ -128,7 +132,7 @@
 
         <!-- 其他通用 panels -->
         <template v-for="panel in commonPanels" :key="panel.name">
-          <q-tab-panel :name="panel.name" class="q-pa-sm">
+          <q-tab-panel :name="panel.name" class="q-pa-none q-pt-sm">
             <div class="row q-col-gutter-sm">
               <div
                 v-for="field in panel.fields"
@@ -501,3 +505,9 @@ export default defineComponent({
   },
 });
 </script>
+
+<style scoped>
+.axios-config-editor :deep(.q-tab-panel) {
+  overflow: hidden;
+}
+</style>
diff --git a/src/components/composer/ubrowser/UBrowserEditor.vue b/src/components/composer/ubrowser/UBrowserEditor.vue
index c2e7544..b0de074 100644
--- a/src/components/composer/ubrowser/UBrowserEditor.vue
+++ b/src/components/composer/ubrowser/UBrowserEditor.vue
@@ -119,7 +119,7 @@ export default {
 };
 </script>
 
-<style>
+<style scoped>
 .ubrowser-editor {
   display: flex;
   flex-direction: column;
@@ -142,8 +142,8 @@ export default {
   overflow: auto;
 }
 
-.panel-content {
-  padding: 12px;
+.ubrowser-editor :deep(.panel-content) {
+  padding: 8px 0 0 0;
   height: 100%;
   overflow: auto;
 }
@@ -154,15 +154,6 @@ export default {
   background-color: var(--q-card-background);
 }
 
-.ubrowser-editor :deep(.q-tab) {
-  min-height: 36px;
-  padding: 0 12px;
-  font-size: 13px;
-  font-weight: 500;
-  text-transform: none;
-  opacity: 0.7;
-}
-
 .ubrowser-editor :deep(.q-tab--active) {
   opacity: 1;
 }
@@ -172,14 +163,14 @@ export default {
   margin-right: 4px;
 }
 
-.ubrowser-editor :deep(.q-tab__label) {
-  line-height: 1.2;
-}
-
 .ubrowser-editor :deep(.q-tab__indicator) {
   height: 2px;
 }
 
+.ubrowser-editor :deep(.q-tab__label) {
+  font-size: 13px;
+}
+
 /* 暗色模式适配 */
 .body--dark .ubrowser-editor {
   background-color: var(--q-dark);