diff options
| author | nsfisis <nsfisis@gmail.com> | 2025-07-15 19:22:51 +0900 |
|---|---|---|
| committer | nsfisis <nsfisis@gmail.com> | 2025-07-15 19:22:51 +0900 |
| commit | d34c9953b3a18e0ea52103a326fa298e00226654 (patch) | |
| tree | 3b94150bd30a37ef72ce369a5523d1a013b9ef7c | |
| parent | da63ff8de9de86f01c232acd582e89e021bc1b01 (diff) | |
| download | feedaka-d34c9953b3a18e0ea52103a326fa298e00226654.tar.gz feedaka-d34c9953b3a18e0ea52103a326fa298e00226654.tar.zst feedaka-d34c9953b3a18e0ea52103a326fa298e00226654.zip | |
feat(frontend): tweak menu stylev0.3.1
| -rw-r--r-- | frontend/src/components/MenuItem.tsx | 2 | ||||
| -rw-r--r-- | frontend/src/components/Navigation.tsx | 16 |
2 files changed, 8 insertions, 10 deletions
diff --git a/frontend/src/components/MenuItem.tsx b/frontend/src/components/MenuItem.tsx index 45358c8..d5be2c2 100644 --- a/frontend/src/components/MenuItem.tsx +++ b/frontend/src/components/MenuItem.tsx @@ -22,7 +22,7 @@ export function MenuItem({ path, label, icon }: Props) { }`} > <FontAwesomeIcon icon={icon} /> - <span>{label}</span> + <span className="hidden sm:inline">{label}</span> </Link> ); } diff --git a/frontend/src/components/Navigation.tsx b/frontend/src/components/Navigation.tsx index f5771df..08a523f 100644 --- a/frontend/src/components/Navigation.tsx +++ b/frontend/src/components/Navigation.tsx @@ -11,15 +11,13 @@ export function Navigation() { <nav className="bg-white shadow-sm border-b border-gray-200"> <div className="container mx-auto px-4"> <div className="flex items-center justify-between h-16"> - <div className="flex items-center space-x-8"> - <Link href="/" className="text-xl font-bold text-gray-900"> - feedaka - </Link> - <div className="flex space-x-6"> - <MenuItem path="/unread" label="Unread" icon={faBookOpen} /> - <MenuItem path="/read" label="Read" icon={faCircleCheck} /> - <MenuItem path="/settings" label="Settings" icon={faGear} /> - </div> + <Link href="/" className="text-xl font-bold text-gray-900"> + feedaka + </Link> + <div className="flex space-x-6"> + <MenuItem path="/unread" label="Unread" icon={faBookOpen} /> + <MenuItem path="/read" label="Read" icon={faCircleCheck} /> + <MenuItem path="/settings" label="Settings" icon={faGear} /> </div> </div> </div> |