diff options
| author | nsfisis <nsfisis@gmail.com> | 2025-03-20 21:06:09 +0900 |
|---|---|---|
| committer | nsfisis <nsfisis@gmail.com> | 2025-03-20 21:06:09 +0900 |
| commit | f53005455c19f822fb66c6ed78fcba44a3e45196 (patch) | |
| tree | b2fb997d1d00b82a8debe3ba9ed8be4f4b1dadf4 | |
| parent | 7d387bf868e2470e8010b5f8d1563da56b5a8b3d (diff) | |
| download | phperkaigi-2025-albatross-f53005455c19f822fb66c6ed78fcba44a3e45196.tar.gz phperkaigi-2025-albatross-f53005455c19f822fb66c6ed78fcba44a3e45196.tar.zst phperkaigi-2025-albatross-f53005455c19f822fb66c6ed78fcba44a3e45196.zip | |
feat(frontend): improve navigate link style
| -rw-r--r-- | frontend/app/components/NavigateLink.tsx | 2 | ||||
| -rw-r--r-- | frontend/app/routes/dashboard.tsx | 4 |
2 files changed, 3 insertions, 3 deletions
diff --git a/frontend/app/components/NavigateLink.tsx b/frontend/app/components/NavigateLink.tsx index c4ee7aa..16dbf64 100644 --- a/frontend/app/components/NavigateLink.tsx +++ b/frontend/app/components/NavigateLink.tsx @@ -4,7 +4,7 @@ export default function NavigateLink(props: LinkProps) { return ( <Link {...props} - className="text-lg text-white bg-sky-600 px-4 py-2 border-2 border-sky-50 rounded-sm transition duration-300 hover:bg-sky-500 focus:ring-3 focus:ring-sky-400 focus:outline-hidden" + className="text-lg text-white bg-sky-600 px-4 py-2 rounded-sm transition duration-300 hover:bg-sky-500 focus:ring-3 focus:ring-sky-400 focus:outline-hidden" /> ); } diff --git a/frontend/app/routes/dashboard.tsx b/frontend/app/routes/dashboard.tsx index 6e54979..ee3c62d 100644 --- a/frontend/app/routes/dashboard.tsx +++ b/frontend/app/routes/dashboard.tsx @@ -68,14 +68,14 @@ export default function Dashboard() { : " (1v1)"} </span> </div> - <span> + <div className="flex gap-2"> <NavigateLink to={`/golf/${game.game_id}/play`}> 対戦 </NavigateLink> <NavigateLink to={`/golf/${game.game_id}/watch`}> 観戦 </NavigateLink> - </span> + </div> </li> ))} </ul> |