feat: new components and UI improvements

components/http/BodyParameters.vue

@@ -1,8 +1,17 @@
 <template>
   <AppSection label="bodyParameters">
     <div
-      v-if="bodyParams.length !== 0"
-      class="flex flex-1 items-center justify-between pl-4"
+      class="
+        sticky
+        top-110px
+        z-10
+        bg-primary
+        flex flex-1
+        items-center
+        justify-between
+        pl-4
+        border-b border-dividerLight
+      "
     >
       <label for="reqParamList" class="font-semibold text-xs">
         {{ $t("request_body") }}

components/http/Headers.vue

@@ -10,6 +10,7 @@
         items-center
         justify-between
         pl-4
+        border-b border-dividerLight
       "
     >
       <label for="headerList" class="font-semibold text-xs">

components/http/Parameters.vue

@@ -10,6 +10,7 @@
         items-center
         justify-between
         pl-4
+        border-b border-dividerLight
       "
     >
       <label for="paramList" class="font-semibold text-xs">

components/http/RawBody.vue

@@ -1,6 +1,18 @@
 <template>
   <div>
-    <div class="flex flex-1 items-center justify-between pl-4">
+    <div
+      class="
+        sticky
+        top-110px
+        z-10
+        bg-primary
+        flex flex-1
+        items-center
+        justify-between
+        pl-4
+        border-b border-dividerLight
+      "
+    >
       <label for="rawBody" class="font-semibold text-xs">
         {{ $t("raw_request_body") }}
       </label>