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>
</div>
<div className="flex justify-end z-20">
<Menu
className="text-neutral-800 dark:text-neutral-200 h-6 w-6 cursor-pointer"
<div
className="p-2 rounded-lg hover:bg-gray-100 active:bg-gray-200 transition-colors cursor-pointer"
onClick={() => setOpen(!open)}
/>
>
<Menu className="text-neutral-800 dark:text-neutral-200 h-14 w-14" />
</div>
</div>
<AnimatePresence>
{open && (
@ -152,10 +154,10 @@ export const MobileSidebar = ({
)}
>
<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)}
>
<X className="h-6 w-6" />
<X className="h-8 w-8" />
</div>
<div className="mt-12">
{children}