fix: minor input stylings

components/http/BodyParameters.vue

@@ -40,7 +40,7 @@
           font-semibold font-mono
           flex-1
           text-xs
-          py-3
+          py-2
           px-4
           focus:outline-none
         "

components/http/Headers.vue

@@ -62,7 +62,7 @@
           font-semibold font-mono
           flex-1
           text-xs
-          py-3
+          py-2
           px-4
           focus:outline-none
         "

components/http/Parameters.vue

@@ -48,7 +48,7 @@
           font-semibold font-mono
           flex-1
           text-xs
-          py-3
+          py-2
           px-4
           focus:outline-none
         "

components/http/Request.vue

@@ -145,13 +145,13 @@
               class="rounded-l-none"
             />
           </template>
-          <SmartItem :description="$t('token_req_name')" />
           <input
             id="request-name"
             v-model="name"
+            :placeholder="$t('request_name')"
             name="request-name"
             type="text"
-            class="text-sm input"
+            class="mb-2 input"
           />
           <SmartItem
             ref="copyRequest"

components/http/ResponseMeta.vue

@@ -28,11 +28,17 @@
           <span class="text-secondaryDark"> Status: </span>
           {{ response.statusCode || $t("waiting_send_req") }}
         </span>
-        <span v-if="response.meta.responseDuration" class="text-xs">
+        <span
+          v-if="response.meta && response.meta.responseDuration"
+          class="text-xs"
+        >
           <span class="text-secondaryDark"> Time: </span>
           {{ `${response.meta.responseDuration} ms` }}
         </span>
-        <span v-if="response.meta.responseSize" class="text-xs">
+        <span
+          v-if="response.meta && response.meta.responseSize"
+          class="text-xs"
+        >
           <span class="text-secondaryDark"> Size: </span>
           {{ `${response.meta.responseSize} B` }}
         </span>