From 464eaf6f0002a96409758cabbc81e9270bbba3e6 Mon Sep 17 00:00:00 2001
From: Timothy Lin <timothy0336@hotmail.com>
Date: Sat, 2 Nov 2024 11:14:51 +0800
Subject: [PATCH] add kbarmodal z-index

---
 .changeset/thick-poems-do.md            | 5 +++++
 .changeset/thin-papayas-shout.md        | 5 +++++
 packages/pliny/src/search/KBarModal.tsx | 4 ++--
 3 files changed, 12 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/thick-poems-do.md
 create mode 100644 .changeset/thin-papayas-shout.md

diff --git a/.changeset/thick-poems-do.md b/.changeset/thick-poems-do.md
new file mode 100644
index 0000000..efc5973
--- /dev/null
+++ b/.changeset/thick-poems-do.md
@@ -0,0 +1,5 @@
+---
+'pliny': patch
+---
+
+add z-index to kbar modal
diff --git a/.changeset/thin-papayas-shout.md b/.changeset/thin-papayas-shout.md
new file mode 100644
index 0000000..dbc9d4e
--- /dev/null
+++ b/.changeset/thin-papayas-shout.md
@@ -0,0 +1,5 @@
+---
+'pliny': patch
+---
+
+add umami options
diff --git a/packages/pliny/src/search/KBarModal.tsx b/packages/pliny/src/search/KBarModal.tsx
index 2beb718..5b4dcd9 100644
--- a/packages/pliny/src/search/KBarModal.tsx
+++ b/packages/pliny/src/search/KBarModal.tsx
@@ -16,7 +16,7 @@ export const KBarModal = ({ actions, isLoading }: { actions: Action[]; isLoading
 
   return (
     <KBarPortal>
-      <KBarPositioner className="bg-gray-300/50 p-4 backdrop-blur backdrop-filter dark:bg-black/50">
+      <KBarPositioner className="z-50 bg-gray-300/50 p-4 backdrop-blur backdrop-filter dark:bg-black/50">
         <KBarAnimator className="w-full max-w-xl">
           <div className="overflow-hidden rounded-2xl border border-gray-100 bg-gray-50 dark:border-gray-800 dark:bg-gray-900">
             <div className="flex items-center space-x-4 p-4">
@@ -78,7 +78,7 @@ const RenderResults = () => {
                 }`}
               >
                 <div className={'flex space-x-2'}>
-                  {item.icon && <div className={"self-center"}>{item.icon}</div> }
+                  {item.icon && <div className={'self-center'}>{item.icon}</div>}
                   <div className="block">
                     {item.subtitle && (
                       <div className={`${active ? 'text-gray-200' : 'text-gray-400'} text-xs`}>