diff options
| author | nsfisis <nsfisis@gmail.com> | 2025-12-03 03:51:29 +0900 |
|---|---|---|
| committer | nsfisis <nsfisis@gmail.com> | 2025-12-04 23:27:28 +0900 |
| commit | 58d132139ba8d5fa17c8681a0275047ce4cca809 (patch) | |
| tree | 7dd18f5de496483b7d318e12e43379a51f3a6056 /frontend/src/components/MenuItem.tsx | |
| parent | aac4e9ccdebe52c156506d1899d5a38e99366f69 (diff) | |
| download | feedaka-58d132139ba8d5fa17c8681a0275047ce4cca809.tar.gz feedaka-58d132139ba8d5fa17c8681a0275047ce4cca809.tar.zst feedaka-58d132139ba8d5fa17c8681a0275047ce4cca809.zip | |
feat(frontend): design update
Diffstat (limited to 'frontend/src/components/MenuItem.tsx')
| -rw-r--r-- | frontend/src/components/MenuItem.tsx | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/frontend/src/components/MenuItem.tsx b/frontend/src/components/MenuItem.tsx index 29e397c..42202c9 100644 --- a/frontend/src/components/MenuItem.tsx +++ b/frontend/src/components/MenuItem.tsx @@ -15,10 +15,10 @@ export function MenuItem({ path, label, icon }: Props) { return ( <Link href={path} - className={`flex items-center sm:space-x-2 px-3 py-2 rounded-md text-sm font-medium transition-colors ${ + className={`flex items-center gap-2 px-3 py-1.5 rounded-lg text-sm font-medium transition-all duration-200 ${ isActive - ? "bg-blue-100 text-blue-700" - : "text-gray-600 hover:text-gray-900 hover:bg-gray-100" + ? "bg-sky-50 text-sky-700" + : "text-stone-500 hover:text-stone-900 hover:bg-stone-100" }`} > <FontAwesomeIcon icon={icon} /> |