RyderTech/the-bible
1
0
Fork 0
Code Issues Pull Requests Packages Activity

Fix mobile delete button - make X button always visible and larger for touch-friendly interaction on mobile devices

Browse Source
This commit is contained in:
Ryderjj89
2025-09-14 12:56:45 -04:00
parent 57e3f4e26c
commit df65718afd
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/FavoritesMenu.tsx
View File

@@ -135,10 +135,10 @@ const FavoritesMenu: React.FC<FavoritesMenuProps> = ({ user, formatBookName, get
</button> </button>
<button <button
onClick={() => removeFavorite(favorite.id)} onClick={() => removeFavorite(favorite.id)}
className="p-1 opacity-0 group-hover:opacity-100 hover:bg-red-100 dark:hover:bg-red-900 rounded transition-opacity" className="p-2 hover:bg-red-100 dark:hover:bg-red-900 rounded transition-colors"
title="Remove favorite" title="Remove favorite"
> >
<X className="h-3 w-3 text-red-500" /> <X className="h-4 w-4 text-red-500" />
</button> </button>
</div> </div>
))} ))}