diff options
| author | Pinapelz <yukais@pinapelz.com> | 2026-04-14 21:14:41 -0700 |
|---|---|---|
| committer | Pinapelz <yukais@pinapelz.com> | 2026-04-14 21:14:41 -0700 |
| commit | 9ce23e2683c6051d15a775a439d355b83036685b (patch) | |
| tree | b895b14f7f4c02f39ab945ab775330fdf92921cd /src/app/page.tsx | |
| parent | ca22fba860a2032bf0b80c225562d4b240fc80b2 (diff) | |
page for creating karaoke codes
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> |