Refine more menu

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(

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,
           )}
         >