chore(refactor): better inputs

components/http/http-headers.vue

@@ -16,7 +16,12 @@
         </div>
       </li>
     </ul>
-    <ul v-for="(header, index) in headers" :key="`${header.value}_${index}`">
+    <ul
+      v-for="(header, index) in headers"
+      :key="`${header.value}_${index}`"
+      class="border-b border-dashed divide-x border-brdColor divide-dashed divide-brdColor"
+      :class="{ 'border-t': index == 0 }"
+    >
       <li>
         <autocomplete
           :placeholder="$t('header_count', { count: index + 1 })"

components/http/http-parameters.vue

@@ -16,7 +16,12 @@
         </div>
       </li>
     </ul>
-    <ul v-for="(param, index) in params" :key="index">
+    <ul
+      v-for="(param, index) in params"
+      :key="index"
+      class="border-b border-dashed divide-x border-brdColor divide-dashed divide-brdColor"
+      :class="{ 'border-t': index == 0 }"
+    >
       <li>
         <input
           :placeholder="$t('parameter_count', { count: index + 1 })"

components/http/token-list.vue

@@ -26,7 +26,7 @@
       <ul id="token-list" v-for="(token, index) in tokens" :key="index">
         <li>
           <input
-            :placeholder="'name ' + (index + 1)"
+            :placeholder="`name ${index + 1}`"
             :value="token.name"
             @change="
               $store.commit('setOAuthTokenName', {