feat: slideover menus, minor ui fixes

components/http/BodyParameters.vue

@@ -16,12 +16,14 @@
       <label for="reqParamList" class="font-semibold text-xs">
         {{ $t("request_body") }}
       </label>
-      <ButtonSecondary
-        v-tippy="{ theme: 'tooltip' }"
-        :title="$t('clear')"
-        icon="clear_all"
-        @click.native="clearContent('bodyParams', $event)"
-      />
+      <div class="flex">
+        <ButtonSecondary
+          v-tippy="{ theme: 'tooltip' }"
+          :title="$t('clear')"
+          icon="clear_all"
+          @click.native="clearContent('bodyParams', $event)"
+        />
+      </div>
     </div>
     <div
       v-for="(param, index) in bodyParams"

components/http/Headers.vue

@@ -16,7 +16,7 @@
       <label for="headerList" class="font-semibold text-xs">
         {{ $t("header_list") }}
       </label>
-      <div>
+      <div class="flex">
         <ButtonSecondary
           v-tippy="{ theme: 'tooltip' }"
           :title="$t('clear')"

components/http/Parameters.vue

@@ -16,7 +16,7 @@
       <label class="font-semibold text-xs">
         {{ $t("parameter_list") }}
       </label>
-      <div>
+      <div class="flex">
         <ButtonSecondary
           v-tippy="{ theme: 'tooltip' }"
           :title="$t('clear_all')"

components/http/RawBody.vue

@@ -16,7 +16,7 @@
       <label for="rawBody" class="font-semibold text-xs">
         {{ $t("raw_request_body") }}
       </label>
-      <div>
+      <div class="flex">
         <ButtonSecondary
           v-if="contentType.endsWith('json')"
           ref="prettifyRequest"

components/http/ResponseMeta.vue

@@ -10,7 +10,7 @@
         justify-center
       "
     >
-      <i class="opacity-50 pb-2 material-icons">send</i>
+      <i class="opacity-75 pb-2 material-icons">send</i>
       <span class="text-xs text-center">
         {{ $t("waiting_send_req") }}
       </span>