chore(refactor): better inputs

pages/graphql.vue

@@ -13,6 +13,7 @@
                 spellcheck="false"
                 @keyup.enter="onPollSchemaClick()"
                 class="md:rounded-bl-lg"
+                :placeholder="$t('url')"
               />
             </li>
             <div>
@@ -51,7 +52,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 })"
@@ -70,7 +76,7 @@
               <li>
                 <input
                   :placeholder="$t('value_count', { count: index + 1 })"
-                  :name="'value' + index"
+                  :name="`value ${index}`"
                   :value="header.value"
                   @change="
                     $store.commit('setGQLHeaderValue', {