chore(refactor): modern UI

components/http/codegen-modal.vue

@@ -10,7 +10,7 @@
         </div>
       </div>
     </div>
-    <div slot="body">
+    <div slot="body" class="flex flex-col">
       <label for="requestType">{{ $t("request_type") }}</label>
       <span class="select-wrapper">
         <v-popover>
@@ -54,6 +54,7 @@
         rows="8"
         v-model="requestCode"
         readonly
+        class="rounded-b-lg"
       ></textarea>
     </div>
   </modal>

components/http/http-headers.vue

@@ -1,5 +1,5 @@
 <template>
-  <pw-section class="orange" label="Headers" ref="headers">
+  <pw-section class="orange" label="Headers" ref="headers" no-legend>
     <ul v-if="headers.length !== 0">
       <li>
         <div class="row-wrapper">

components/http/http-parameters.vue

@@ -1,5 +1,5 @@
 <template>
-  <pw-section class="pink" label="Parameters" ref="parameters">
+  <pw-section class="pink" label="Parameters" ref="parameters" no-legend>
     <ul v-if="params.length !== 0">
       <li>
         <div class="row-wrapper">

components/http/import-curl.vue

@@ -10,7 +10,7 @@
         </div>
       </div>
     </div>
-    <div slot="body">
+    <div slot="body" class="flex flex-col">
       <textarea id="import-curl" autofocus rows="8" :placeholder="$t('enter_curl')"></textarea>
     </div>
     <div slot="footer">

components/http/notes.vue

@@ -1,5 +1,5 @@
 <template>
-  <pw-section class="pink" :label="$t('notes')" ref="sync">
+  <pw-section class="pink" :label="$t('notes')" ref="sync" no-legend>
     <div v-if="fb.currentUser">
       <inputform />
       <feeds />

components/http/token-list.vue

@@ -10,7 +10,7 @@
         </div>
       </div>
     </div>
-    <div slot="body">
+    <div slot="body" class="flex flex-col">
       <div class="row-wrapper">
         <label for="token-list">{{ $t("token_list") }}</label>
         <div v-if="tokens.length != 0">