feat: init split layouts

components/http/BodyParameters.vue

@@ -2,7 +2,7 @@
   <div>
     <ul>
       <li>
-        <div class="row-wrapper">
+        <div class="flex flex-1">
           <label for="reqParamList">{{ $t("request_body") }}</label>
           <div>
             <ButtonSecondary

components/http/CodegenModal.vue

@@ -41,7 +41,7 @@
           />
         </tippy>
       </span>
-      <div class="row-wrapper">
+      <div class="flex flex-1">
         <label for="generatedCode">{{ $t("generated_code") }}</label>
         <div>
           <ButtonSecondary

components/http/Headers.vue

@@ -2,7 +2,7 @@
   <AppSection label="headers">
     <ul v-if="headers.length !== 0">
       <li>
-        <div class="row-wrapper">
+        <div class="flex flex-1">
           <label for="headerList">{{ $t("header_list") }}</label>
           <div>
             <ButtonSecondary

components/http/Parameters.vue

@@ -2,7 +2,7 @@
   <AppSection label="parameters">
     <ul v-if="params.length !== 0">
       <li>
-        <div class="row-wrapper">
+        <div class="flex flex-1">
           <label for="paramList">{{ $t("parameter_list") }}</label>
           <div>
             <ButtonSecondary

components/http/RawBody.vue

@@ -2,7 +2,7 @@
   <div>
     <ul>
       <li>
-        <div class="row-wrapper">
+        <div class="flex flex-1">
           <label for="rawBody">{{ $t("raw_request_body") }}</label>
           <div>
             <ButtonSecondary

components/http/TokenList.vue

@@ -7,7 +7,7 @@
       </div>
     </template>
     <template #body>
-      <div class="row-wrapper">
+      <div class="flex flex-1">
         <label>{{ $t("token_list") }}</label>
         <div v-if="tokens.length != 0">
           <ButtonSecondary
@@ -35,7 +35,7 @@
         <li>
           <input class="input" :value="token.value" readonly />
         </li>
-        <div class="row-wrapper">
+        <div class="flex flex-1">
           <li>
             <ButtonSecondary
               v-tippy="{ theme: 'tooltip' }"