diff options
| author | Pinapelz <yukais@pinapelz.com> | 2026-04-17 01:40:21 -0700 |
|---|---|---|
| committer | Pinapelz <yukais@pinapelz.com> | 2026-04-17 01:40:21 -0700 |
| commit | f36deffa3903f9069ef819b982f530e7b29f88b1 (patch) | |
| tree | e5b277f4d9ed0e84e41b0256abd860d271d81631 /src/app/typing | |
| parent | 18aecf2fcfd22af2b923fbb38457148e8d6d21fd (diff) | |
remove avatar icon
Diffstat (limited to 'src/app/typing')
| -rw-r--r-- | src/app/typing/page.styles.ts | 8 | ||||
| -rw-r--r-- | src/app/typing/page.tsx | 8 |
2 files changed, 4 insertions, 12 deletions
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> |