diff options
| author | real-zephex <[email protected]> | 2024-04-10 01:19:20 +0530 |
|---|---|---|
| committer | real-zephex <[email protected]> | 2024-04-10 01:19:20 +0530 |
| commit | e5935c15af0375240fa7c711dc99101fa48048be (patch) | |
| tree | e1807c8552c25b0f2f10d55dce59725606bb4b66 /src/app/components/header | |
| parent | prolly the last update to dramalama. (diff) | |
| download | dramalama-e5935c15af0375240fa7c711dc99101fa48048be.tar.xz dramalama-e5935c15af0375240fa7c711dc99101fa48048be.zip | |
UI changes
Diffstat (limited to 'src/app/components/header')
| -rw-r--r-- | src/app/components/header/header.jsx | 37 | ||||
| -rw-r--r-- | src/app/components/header/header.module.css | 34 |
2 files changed, 16 insertions, 55 deletions
diff --git a/src/app/components/header/header.jsx b/src/app/components/header/header.jsx index bd8c389..1aab71d 100644 --- a/src/app/components/header/header.jsx +++ b/src/app/components/header/header.jsx @@ -1,31 +1,26 @@ import Link from "next/link"; - -import styles from "./header.module.css"; +import styles from "../../page.module.css"; export default function Header() { return ( - <div className={styles.headMain}> - <div className={styles.headNav}> - <Link - href="/" - style={{ color: "black", textDecoration: "none" }} - > - <p style={{ fontSize: "26px", color: "var(--pastel-red)" }}> - Dramalama - </p> - </Link> - <div className={styles.rightNav}> - <Link href="/anime"> - <p>anime</p> - </Link> - <Link href="/manga"> - <p>manga</p> + <main className={styles.main}> + <div className={styles.header}> + <div className={styles.left}> + <Link + href={"/"} + style={{ textDecoration: "none", color: "white" }} + > + <p>Dramalama</p> </Link> - <Link href="/kdrama"> - <p>kdrama</p> + </div> + <div className={styles.right}> + <Link href="/anime">Anime</Link> + <Link href="/kdrama" style={{ pointerEvents: "none" }}> + Kdrama </Link> + <Link href="/manga">Manga</Link> </div> </div> - </div> + </main> ); } diff --git a/src/app/components/header/header.module.css b/src/app/components/header/header.module.css deleted file mode 100644 index da92d47..0000000 --- a/src/app/components/header/header.module.css +++ /dev/null @@ -1,34 +0,0 @@ -.headMain { - position: fixed; - top: 0; - width: 100%; - background-color: #121212; -} - -.headNav { - display: flex; - flex-direction: row; - justify-content: space-between; - align-items: center; - max-width: 95%; - margin: -10px auto; - font-family: "Poppins"; -} - -.rightNav { - display: flex; - cursor: pointer; - overflow-x: auto; -} - -.rightNav a { - text-decoration: underline; - font-family: "Atkinson Hyperlegible"; - color: var(--light-green); - font-size: 18px; -} - -.rightNav p { - margin-right: 10px; - margin-left: 10px; -}
\ No newline at end of file |