From aefb9e2018e7b8c1d0ee12bc5a389ac1e2315a4a Mon Sep 17 00:00:00 2001
From: Ategon <benjamin@barbeau.net>
Date: Mon, 20 Jan 2025 01:02:02 -0500
Subject: [PATCH] Add dropdown backdrop

---
 src/components/navbar/PCNavbarUser.tsx | 2 +-
 src/components/posts/PostCard.tsx      | 2 +-
 src/components/posts/index.tsx         | 6 +++---
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/navbar/PCNavbarUser.tsx b/src/components/navbar/PCNavbarUser.tsx
index 1931a9b..a2500dd 100644
--- a/src/components/navbar/PCNavbarUser.tsx
+++ b/src/components/navbar/PCNavbarUser.tsx
@@ -15,7 +15,7 @@ interface NavbarUserProps {
 export default function PCNavbarUser({ user }: NavbarUserProps) {
   return (
     <NavbarItem>
-      <Dropdown>
+      <Dropdown backdrop="opaque">
         <DropdownTrigger>
           <Avatar
             src={user.profilePicture}
diff --git a/src/components/posts/PostCard.tsx b/src/components/posts/PostCard.tsx
index db619e9..25f39bb 100644
--- a/src/components/posts/PostCard.tsx
+++ b/src/components/posts/PostCard.tsx
@@ -145,7 +145,7 @@ export default function PostCard({
                 >
                   <MessageCircle size={16} /> {0}
                 </Button>
-                <Dropdown>
+                <Dropdown backdrop="opaque">
                   <DropdownTrigger>
                     <Button size="sm" variant="bordered" isIconOnly>
                       <MoreVertical size={16} />
diff --git a/src/components/posts/index.tsx b/src/components/posts/index.tsx
index d4c1665..a036ba4 100644
--- a/src/components/posts/index.tsx
+++ b/src/components/posts/index.tsx
@@ -177,7 +177,7 @@ export default function Posts() {
     <div>
       <div className="flex justify-between p-4 pb-0">
         <div className="flex gap-2">
-          <Dropdown>
+          <Dropdown backdrop="opaque">
             <DropdownTrigger>
               <Button
                 size="sm"
@@ -204,7 +204,7 @@ export default function Posts() {
               ))}
             </DropdownMenu>
           </Dropdown>
-          <Dropdown>
+          <Dropdown backdrop="opaque">
             <DropdownTrigger>
               <Button
                 size="sm"
@@ -243,7 +243,7 @@ export default function Posts() {
           </Button>
         </div>
         <div>
-          <Dropdown>
+          <Dropdown backdrop="opaque">
             <DropdownTrigger>
               <Button
                 size="sm"