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

Fix mobile favorites menu positioning - prevent cutoff on mobile screens with responsive width and positioning adjustments

Browse Source
This commit is contained in:
Ryderjj89
2025-09-14 12:26:45 -04:00
parent 6bc24c25c9
commit 54646f54d2
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -166,7 +166,7 @@ const FavoritesMenu: React.FC<FavoritesMenuProps> = ({ user, formatBookName, get
{/* Favorites Dropdown */}
{isOpen && (
<div className="absolute top-full right-0 mt-2 w-80 max-w-[90vw] bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-lg z-50 max-h-96 overflow-hidden">
<div className="absolute top-full right-0 mt-2 w-80 max-w-[calc(100vw-2rem)] sm:max-w-80 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-lg z-50 max-h-96 overflow-hidden transform sm:transform-none -translate-x-4 sm:translate-x-0">
<div className="p-3 border-b border-gray-200 dark:border-gray-700">
<div className="flex items-center justify-between">
<h3 className="font-medium text-gray-900 dark:text-gray-100">My Favorites</h3>