rodrigo/budget-view-finance
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: Increase menu icon size

Browse Source 
Increased menu icon size in `src/components/ui/modern-sidebar.tsx` to `h-14 w-14` with padding and hover effect.
This commit is contained in:
gpt-engineer-app[bot] 2025-06-27 15:51:18 +00:00
parent 9cf58548c0
commit 0f9549556c
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/ui/modern-sidebar.tsx
View File

@ -131,10 +131,12 @@ export const MobileSidebar = ({
<span className="text-lg font-semibold text-blue-700">Finance Home</span> <span className="text-lg font-semibold text-blue-700">Finance Home</span>
</div> </div>
<div className="flex justify-end z-20"> <div className="flex justify-end z-20">
<Menu <div
className="text-neutral-800 dark:text-neutral-200 h-6 w-6 cursor-pointer" className="p-2 rounded-lg hover:bg-gray-100 active:bg-gray-200 transition-colors cursor-pointer"
onClick={() => setOpen(!open)} onClick={() => setOpen(!open)}
/> >
<Menu className="text-neutral-800 dark:text-neutral-200 h-14 w-14" />
</div>
</div> </div>
<AnimatePresence> <AnimatePresence>
{open && ( {open && (
@ -152,10 +154,10 @@ export const MobileSidebar = ({
)} )}
> >
<div <div
className="absolute right-6 top-6 z-50 text-neutral-800 dark:text-neutral-200 cursor-pointer" className="absolute right-6 top-6 z-50 text-neutral-800 dark:text-neutral-200 cursor-pointer p-2 rounded-lg hover:bg-gray-100 active:bg-gray-200 transition-colors"
onClick={() => setOpen(!open)} onClick={() => setOpen(!open)}
> >
<X className="h-6 w-6" /> <X className="h-8 w-8" />
</div> </div>
<div className="mt-12"> <div className="mt-12">
{children} {children}