feat: history section

pages/api.vue

@@ -172,10 +172,12 @@
                 />
               </div>
               <div class="flex flex-1">
-                <span>
+              <ButtonSecondary
                     :title="$t('import_curl')"
                     icon="import_export"
-                  />
+                @click.native="showCurlImportModal = !showCurlImportModal"
+                    v-tippy="{ theme: 'tooltip' }"
+              />
                   <ButtonSecondary
                     @click.native="showCodegenModal = !showCodegenModal"
                     :disabled="!isValidURL"
@@ -597,9 +599,9 @@
           </Pane>
         </Splitpanes>
       </Pane>
-      <Pane max-size="35" min-size="20" class="overflow-auto">
-        <aside class="h-full bg-yellow-200">
-          <SmartTabs>
+      <Pane max-size="35" min-size="20" class="overflow-auto hide-scrollbar">
+        <aside class="h-full">
+          <SmartTabs styles="sticky top-0">
             <SmartTab :id="'history'" :label="$t('history')" :selected="true">
               <History
                 :page="'rest'"

pages/enter.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="flex container flex-col min-h-screen">
+  <div class="flex flex-col min-h-screen">
     <span v-if="signingInWithEmail">{{ $t("loading") }}</span>
     <span v-else>{{ $t("waiting_for_connection") }}</span>
     <pre v-if="error">{{ error }}</pre>

pages/graphql.vue

@@ -150,9 +150,7 @@
                 <div>
                   <ButtonSecondary
                     v-tippy="{ theme: 'tooltip' }"
-                    title="
-                  `${$t('run_query')} (${getSpecialKey()}-Enter)`
-                "
+                    :title="`${$t('run_query')} (${getSpecialKey()}-Enter)`"
                     class="button"
                     icon="play_arrow"
                     @click.native="runQuery()"