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/header.jsx | |
| 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/header.jsx')
| -rw-r--r-- | src/app/components/header/header.jsx | 37 |
1 files changed, 16 insertions, 21 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> ); } |