diff options
Diffstat (limited to 'src/app/page.tsx')
| -rw-r--r-- | src/app/page.tsx | 15 |
1 files changed, 15 insertions, 0 deletions
diff --git a/src/app/page.tsx b/src/app/page.tsx index 5db9c41..1b77a15 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -116,6 +116,20 @@ const NavRight = styled.div` gap: 6px; `; +const NavLink = styled(Link)` + font-size: 13px; + font-weight: 500; + color: #606060; + text-decoration: none; + padding: 6px 10px; + border-radius: 8px; + transition: background-color 0.15s, color 0.15s; + &:hover { + background-color: #f0f0f0; + color: #1a1a1a; + } +`; + const Avatar = styled.div` font-size: 28px; color: #909090; @@ -330,6 +344,7 @@ export default function HomePage() { </NavCenter> <NavRight> + <NavLink href="/create">Create Karaoke Code</NavLink> <Avatar> <FaUserCircle /> </Avatar> |