From bc24d42864078d1dfe38c6a31227a1eec32877c6 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Mon, 24 Feb 2025 19:47:59 -0600
Subject: [PATCH] Refine more menu

---
 src/admin/AdminPhotoMenuClient.tsx | 2 +-
 src/components/more/MoreMenu.tsx   | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/admin/AdminPhotoMenuClient.tsx b/src/admin/AdminPhotoMenuClient.tsx
index 3209b68c..78f14b0b 100644
--- a/src/admin/AdminPhotoMenuClient.tsx
+++ b/src/admin/AdminPhotoMenuClient.tsx
@@ -96,7 +96,7 @@ export default function AdminPhotoMenuClient({
         size={15}
         className="translate-x-[-1px]"
       />,
-      className: 'text-error',
+      className: 'text-error *:hover:text-error',
       action: () => {
         if (confirm(deleteConfirmationTextForPhoto(photo))) {
           return deletePhotoAction(
diff --git a/src/components/more/MoreMenu.tsx b/src/components/more/MoreMenu.tsx
index 4045ded4..81f8b8dc 100644
--- a/src/components/more/MoreMenu.tsx
+++ b/src/components/more/MoreMenu.tsx
@@ -31,7 +31,6 @@ export default function MoreMenu({
           <FiMoreHorizontal size={18} />
         </button>
       </DropdownMenu.Trigger>
-
       <DropdownMenu.Portal>
         <DropdownMenu.Content
           align="end"
@@ -42,6 +41,8 @@ export default function MoreMenu({
             'component-surface',
             'p-1',
             'shadow-lg dark:shadow-xl',
+            'data-[side=top]:animate-fade-in-from-bottom',
+            'data-[side=bottom]:animate-fade-in-from-top',
             className,
           )}
         >