Liu Song’s Projects

~/Projects/hoppscotch

git clone https://code.lsong.org/hoppscotch

Commit

Commit
9698932bde2ef1019bedc120e4d6f46ff9b9831c
Author
liyasthomas <[email protected]>
Date
2021-09-20 21:33:36 +0530 +0530
Diffstat
 packages/hoppscotch-app/components/app/PowerSearch.vue | 6 
 packages/hoppscotch-app/components/app/Sidenav.vue | 2 
 packages/hoppscotch-app/components/app/SlideOver.vue | 1 
 packages/hoppscotch-app/components/app/Support.vue | 1 
 packages/hoppscotch-app/components/collections/ImportExport.vue | 1 
 packages/hoppscotch-app/components/collections/graphql/ImportExport.vue | 1 
 packages/hoppscotch-app/components/environments/ImportExport.vue | 1 
 packages/hoppscotch-app/components/firebase/Login.vue | 1 
 packages/hoppscotch-app/components/smart/Modal.vue | 12 


refactor(ui): minor ui improvements


diff --git a/packages/hoppscotch-app/components/app/PowerSearch.vue b/packages/hoppscotch-app/components/app/PowerSearch.vue
index 05444075593a90f0b9014211d43e8654c4a74ec5..8825d2bb2508804771aa3a881dc9b11b869def30 100644
--- a/packages/hoppscotch-app/components/app/PowerSearch.vue
+++ b/packages/hoppscotch-app/components/app/PowerSearch.vue
@@ -1,5 +1,11 @@
 <template>
+  <SmartModal
+    v-if="show"
+    max-width="sm:max-w-md"
+    full-width
+        v-focus
   <SmartModal v-if="show" full-width @close="$emit('hide-modal')">
+  >
     <template #body>
       <input
         id="command"




diff --git a/packages/hoppscotch-app/components/app/Sidenav.vue b/packages/hoppscotch-app/components/app/Sidenav.vue
index 529c2a824314a181d8ecd0e3e21fa8a0222b1b6a..d9b1b8a5a9846801541ef246f614315e720e37ab 100644
--- a/packages/hoppscotch-app/components/app/Sidenav.vue
+++ b/packages/hoppscotch-app/components/app/Sidenav.vue
@@ -1,6 +1,6 @@
 <template>
   <aside class="flex h-full justify-between md:flex-col">
-    <nav class="flex flex-nowrap md:flex-col">
+    <nav class="flex flex-nowrap md:flex-col flex-1 md:flex-none">
       <NuxtLink
         v-for="(navigation, index) in primaryNavigation"
         :key="`navigation-${index}`"




diff --git a/packages/hoppscotch-app/components/app/SlideOver.vue b/packages/hoppscotch-app/components/app/SlideOver.vue
index 0bab564182ebe9ef918f0768179d3c61861dbfc1..eb519cd7e40503095cdc8b64d35eea98c94858e8 100644
--- a/packages/hoppscotch-app/components/app/SlideOver.vue
+++ b/packages/hoppscotch-app/components/app/SlideOver.vue
@@ -4,6 +4,7 @@     
       <div class="inset-0 transition-opacity z-20 fixed" @keydown.esc="close()">
         <div
           class="bg-primaryDark opacity-90 inset-0 absolute"
+    <transition v-if="show" name="fade" appear>
           tabindex="0"
           @click="close()"
         ></div>




diff --git a/packages/hoppscotch-app/components/app/Support.vue b/packages/hoppscotch-app/components/app/Support.vue
index a2a4a26496404a831972e85963bc3c3ee987ae70..19f217c24f1930359acfd01be025b1edbd8dba70 100644
--- a/packages/hoppscotch-app/components/app/Support.vue
+++ b/packages/hoppscotch-app/components/app/Support.vue
@@ -2,6 +2,7 @@