fix(search): loading ux

histoire-dev · Apr 24, 2022 · 9348009 · 9348009
1 parent 02707af
commit 9348009
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/packages/histoire/src/client/app/components/search/SearchLoading.vue b/packages/histoire/src/client/app/components/search/SearchLoading.vue
@@ -4,7 +4,7 @@ import { Icon } from '@iconify/vue'
 
 <template>
   <div
-    class="htw-flex htw-items-center htw-gap-4 htw-pl-6 htw-border htw-border-transparent focus-visible:htw-border-primary-500 htw-h-[51px] htw-opacity-50"
+    class="htw-flex htw-items-center htw-gap-4 htw-pl-6 htw-border htw-border-transparent focus-visible:htw-border-primary-500 htw-h-[51px] htw-opacity-30"
   >
     <Icon
       icon="carbon:search"

diff --git a/packages/histoire/src/client/app/components/search/SearchModal.vue b/packages/histoire/src/client/app/components/search/SearchModal.vue
@@ -4,6 +4,7 @@ import SearchLoading from './SearchLoading.vue'
 const SearchPane = defineAsyncComponent({
   loader: () => import('./SearchPane.vue'),
   loadingComponent: SearchLoading,
+  delay: 0,
 })
 
 defineProps({