Resoled issue where notifications would show up behind price bar (#523)

kscalelabs · Nov 3, 2024 · 73eb220 · 73eb220
1 parent 8841ec9
commit 73eb220
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/frontend/src/components/products/ProductPage.tsx b/frontend/src/components/products/ProductPage.tsx
@@ -1065,7 +1065,7 @@ const ProductPage: React.FC<ProductPageProps> = ({
           </div>
 
           {shouldShowCheckout && isFixed && (
-            <div className="fixed bottom-0 left-0 right-0 bg-white shadow-md p-4 transition-all duration-300 ease-in-out z-10">
+            <div className="fixed bottom-0 left-0 right-0 bg-white shadow-md p-4 transition-all duration-300 ease-in-out z-[5]">
               <div className="max-w-7xl mx-auto flex justify-between items-center px-6">
                 <p className="text-2xl font-semibold">
                   {formatPrice(currentPrice)}

diff --git a/frontend/src/hooks/useAlertQueue.tsx b/frontend/src/hooks/useAlertQueue.tsx
@@ -123,7 +123,7 @@ export const AlertQueue = (props: AlertQueueProps) => {
     <>
       {children}
       {/* Render the alerts coming up from the bottom-left corner. */}
-      <div className="fixed bottom-0 left-0 p-4 space-y-4">
+      <div className="fixed bottom-0 left-0 p-4 space-y-4 z-[9999]">
         {Array.from(alerts).map(([alertId, [alert, kind]]) => {
           return (
             <Toast