manohar/tia
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(menu): remove absolute positioning that hid Wardrobe on mobile

Browse source 
Settings/Sign Out used absolute bottom-0, overlapping the bottom of the
menu items list on shorter screens. Converted to normal flow with mt-4
and added pb-28 so the list clears the bottom nav bar.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Manohar Gupta 2026-05-23 19:17:45 +05:30
parent 70ff02c930
commit 3d0e6ed46c
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/app/menu/page.tsx
View file

@ -32,7 +32,7 @@ export default function MenuPage() {
}; };
return ( return (
<div className="min-h-screen bg-gradient-to-br from-rose-50 to-amber-50 dark:from-gray-900 dark:to-gray-800"> <div className="min-h-screen bg-gradient-to-br from-rose-50 to-amber-50 dark:from-gray-900 dark:to-gray-800 pb-28">
{/* Header */} {/* Header */}
<div className="p-4 flex justify-between items-center"> <div className="p-4 flex justify-between items-center">
<h1 className="text-xl font-bold">Menu</h1> <h1 className="text-xl font-bold">Menu</h1>
@ -54,7 +54,7 @@ export default function MenuPage() {
</div> </div>
{/* Bottom Section - Settings and Sign Out */} {/* Bottom Section - Settings and Sign Out */}
<div className="absolute bottom-0 left-0 right-0 p-4 space-y-2"> <div className="px-4 mt-4 space-y-2">
<Link <Link
href="/settings" href="/settings"
className="flex items-center gap-4 p-4 bg-white dark:bg-gray-800 rounded-xl" className="flex items-center gap-4 p-4 bg-white dark:bg-gray-800 rounded-xl"