[QuickSearch] Add backdrop blur and increase opacity

techniq · Sep 9, 2023 · 1b82911 · 1b82911 · vercel · Sep 9, 2023
1 parent 84adc7f
commit 1b82911
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/.changeset/new-beds-learn.md b/.changeset/new-beds-learn.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': patch
+---
+
+[QuickSearch] Add backdrop blur and increase opacity
diff --git a/src/lib/components/QuickSearch.svelte b/src/lib/components/QuickSearch.svelte
@@ -53,7 +53,10 @@
 </Button>
 <Dialog
   bind:open
-  classes={{ root: cls('items-start mt-20', theme.root, classes.root, $$props.class) }}
+  classes={{
+    root: cls('items-start mt-20', theme.root, classes.root, $$props.class),
+    backdrop: 'backdrop-blur-sm bg-black/70',
+  }}
 >
   <div class="overflow-auto max-h-[min(90vh,600px)] min-w-[400px] py-1">
     <SelectList