diff options
| -rw-r--r-- | src/app/game/page.tsx | 2 | ||||
| -rw-r--r-- | src/app/page.styles.ts | 13 | ||||
| -rw-r--r-- | src/app/page.tsx | 7 | ||||
| -rw-r--r-- | src/app/typing/page.styles.ts | 8 | ||||
| -rw-r--r-- | src/app/typing/page.tsx | 8 |
5 files changed, 8 insertions, 30 deletions
diff --git a/src/app/game/page.tsx b/src/app/game/page.tsx index 10b3d5d..2082569 100644 --- a/src/app/game/page.tsx +++ b/src/app/game/page.tsx @@ -658,7 +658,7 @@ function GameInner() { </StatsGrid> <ActionRow> <PlayAgainBtn onClick={handleRestart}>Play Again</PlayAgainBtn> - <HomeBtn onClick={() => router.push("/")}>Home</HomeBtn> + <HomeBtn onClick={() => router.push("/typing")}>Home</HomeBtn> </ActionRow> </ResultsCard> </ResultsOverlay> diff --git a/src/app/page.styles.ts b/src/app/page.styles.ts index dd43880..0b200d9 100644 --- a/src/app/page.styles.ts +++ b/src/app/page.styles.ts @@ -66,18 +66,7 @@ export const NavRight = styled.div` gap: 6px; `; -export const Avatar = styled.div` - font-size: 28px; - color: #909090; - display: flex; - align-items: center; - cursor: pointer; - padding: 4px; - border-radius: 50%; - &:hover { - color: #606060; - } -`; + export const ChipsBar = styled.div` display: flex; diff --git a/src/app/page.tsx b/src/app/page.tsx index 1471a31..16bed43 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,6 +1,6 @@ "use client"; import { useState, useEffect } from "react"; -import { FaPlay, FaMusic, FaSearch, FaUserCircle, FaKeyboard } from "react-icons/fa"; +import { FaPlay, FaMusic, FaSearch, FaKeyboard } from "react-icons/fa"; import { MdLibraryMusic } from "react-icons/md"; import { Root, Navbar, Logo, LogoIcon, NavLink, NavCtaLink } from "./styles/shared"; import { @@ -10,7 +10,6 @@ import { SearchInput, SearchButton, NavRight, - Avatar, ChipsBar, Chip, GridContainer, @@ -112,9 +111,7 @@ export default function HomePage() { <NavRight> <NavCtaLink href="/typing">LRC-Type</NavCtaLink> <NavCtaLink href="/create">Create</NavCtaLink> - <Avatar> - <FaUserCircle /> - </Avatar> + </NavRight> </Navbar> diff --git a/src/app/typing/page.styles.ts b/src/app/typing/page.styles.ts index 521fe7a..34f4ebc 100644 --- a/src/app/typing/page.styles.ts +++ b/src/app/typing/page.styles.ts @@ -14,7 +14,6 @@ import { SearchInput as BaseSearchInput, SearchButton as BaseSearchButton, NavRight, - Avatar as BaseAvatar, ChipsBar as BaseChipsBar, Chip as BaseChip, GridContainer, @@ -106,12 +105,7 @@ export const SearchButton = styled(BaseSearchButton)` } `; -export const Avatar = styled(BaseAvatar)` - color: #9aa0ad; - &:hover { - color: #fff; - } -`; + export const ChipsBar = styled(BaseChipsBar)` background-color: #0f111a; diff --git a/src/app/typing/page.tsx b/src/app/typing/page.tsx index 9e238e6..e8c77b1 100644 --- a/src/app/typing/page.tsx +++ b/src/app/typing/page.tsx @@ -1,6 +1,6 @@ "use client"; import { useEffect, useState } from "react"; -import { FaPlay, FaMusic, FaSearch, FaUserCircle } from "react-icons/fa"; +import { FaPlay, FaMusic, FaSearch } from "react-icons/fa"; import { MdLibraryMusic } from "react-icons/md"; import { Root, @@ -14,7 +14,7 @@ import { SearchInput, SearchButton, NavRight, - Avatar, + ChipsBar, Chip, GridContainer, @@ -114,9 +114,7 @@ export default function TypingPage() { <NavRight> <NavCtaLink href="/">LRC-Karaoke</NavCtaLink> <NavCtaLink href="/create">Create</NavCtaLink> - <Avatar> - <FaUserCircle /> - </Avatar> + </NavRight> </Navbar> |
