diff options
| author | real-zephex <[email protected]> | 2024-03-29 19:16:58 +0530 |
|---|---|---|
| committer | real-zephex <[email protected]> | 2024-03-29 19:16:58 +0530 |
| commit | 641e62fd333cd7c3a82c12181eb0d35611c03df7 (patch) | |
| tree | 47c3cbaeb8b64b16bc06843a83bfa151d747f597 /src/app/components/header | |
| parent | Delete .github/workflows directory (diff) | |
| download | dramalama-641e62fd333cd7c3a82c12181eb0d35611c03df7.tar.xz dramalama-641e62fd333cd7c3a82c12181eb0d35611c03df7.zip | |
fixes and improvements: dramalaam is no longer hosted on koyeb cuz of
high latency issues.
Diffstat (limited to 'src/app/components/header')
| -rw-r--r-- | src/app/components/header/header.jsx | 8 | ||||
| -rw-r--r-- | src/app/components/header/header.module.css | 26 |
2 files changed, 31 insertions, 3 deletions
diff --git a/src/app/components/header/header.jsx b/src/app/components/header/header.jsx index 22798b4..f41352a 100644 --- a/src/app/components/header/header.jsx +++ b/src/app/components/header/header.jsx @@ -1,9 +1,11 @@ import Link from "next/link"; +import styles from "./header.module.css"; + export default function Header() { return ( - <div className="headMain"> - <div className="headNav"> + <div className={styles.headMain}> + <div className={styles.headNav}> <Link href="/" style={{ color: "black", textDecoration: "none" }} @@ -12,7 +14,7 @@ export default function Header() { Dramalama </p> </Link> - <div className="rightNav"> + <div className={styles.rightNav}> <Link href="/anime"> <p>Anime</p> </Link> diff --git a/src/app/components/header/header.module.css b/src/app/components/header/header.module.css new file mode 100644 index 0000000..6a67bf6 --- /dev/null +++ b/src/app/components/header/header.module.css @@ -0,0 +1,26 @@ +.headNav { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + max-width: 95%; + margin: -10px auto; + font-family: "Quicksand"; +} + +.rightNav { + display: flex; + cursor: pointer; + overflow-x: auto; +} + +.rightNav a { + text-decoration: none; + color: white; + font-size: 20px; +} + +.rightNav p { + margin-right: 10px; + margin-left: 10px; +}
\ No newline at end of file |