Browse Source

fix: change overflow property to auto in BaseEditor and refactor NgxConfigEditor template structure

Jacky 3 weeks ago
parent
commit
052e47620b

+ 1 - 1
app/src/components/BaseEditor/BaseEditor.vue

@@ -65,7 +65,7 @@ const loading = computed(() =>
 
 :deep(.card-body) {
   max-height: calc(100vh - 260px);
-  overflow-y: scroll;
+  overflow-y: auto;
   padding: 0;
 }
 

+ 17 - 12
app/src/components/NgxConfigEditor/NgxConfigEditor.vue

@@ -45,19 +45,24 @@ const activeKey = ref(['3'])
       >
         <NgxUpstream />
       </ACollapsePanel>
-    </ACollapse>
-    <NgxServer :context>
-      <template
-        v-for="(_, key) in $slots"
-        :key="key"
-        #[key]="slotProps"
+      <ACollapsePanel
+        key="3"
+        header="Server"
       >
-        <slot
-          :name="key"
-          v-bind="slotProps"
-        />
-      </template>
-    </NgxServer>
+        <NgxServer :context>
+          <template
+            v-for="(_, key) in $slots"
+            :key="key"
+            #[key]="slotProps"
+          >
+            <slot
+              :name="key"
+              v-bind="slotProps"
+            />
+          </template>
+        </NgxServer>
+      </ACollapsePanel>
+    </ACollapse>
   </div>
 </template>