diff options
| author | real-zephex <[email protected]> | 2024-06-07 09:55:23 +0530 |
|---|---|---|
| committer | real-zephex <[email protected]> | 2024-06-07 09:55:23 +0530 |
| commit | bdd48555bf59552864d5a59a3ee43291e4136b47 (patch) | |
| tree | dc3ab66ac60fe715b79c17843f9e87646aaae93a /src/app/components/header | |
| parent | Delete src/app/globals.module.css (diff) | |
| download | dramalama-bdd48555bf59552864d5a59a3ee43291e4136b47.tar.xz dramalama-bdd48555bf59552864d5a59a3ee43291e4136b47.zip | |
🚀 feat(ui): added manga with better UI
Diffstat (limited to 'src/app/components/header')
| -rw-r--r-- | src/app/components/header/header.jsx | 54 |
1 files changed, 31 insertions, 23 deletions
diff --git a/src/app/components/header/header.jsx b/src/app/components/header/header.jsx index 104911b..950b807 100644 --- a/src/app/components/header/header.jsx +++ b/src/app/components/header/header.jsx @@ -1,30 +1,38 @@ import Link from "next/link";
-import styles from "../../page.module.css";
import { ThemeSwitcher } from "../themeSwitcher";
+import {
+ Navbar,
+ NavbarBrand,
+ NavbarContent,
+ NavbarItem,
+ Button,
+} from "@nextui-org/react";
export default async function Header() {
return (
- <div className="fixed top-0 w-full flex items-center justify-between z-50 dark:bg-black bg-white">
- <h4 className="text-teal-400 text-2xl p-2">
- <Link href={"/"}>Dramalama</Link>
- </h4>
- {/* <div
- className={`mx-2 flex items-center overflow-auto ${styles.ScrollBarAdjuster}`}
- >
- <Link href={"/anime"} className="mx-2 hover:text-sky-400">
- <p>Anime</p>
- </Link>
- <Link href={"/kdrama"} className="mx-2 hover:text-sky-400">
- <p>Kdrama</p>
- </Link>
- <Link href={"/series"} className="mx-2 hover:text-sky-400">
- <p>Series</p>
- </Link>
- <Link href={"/movies"} className="mx-2 hover:text-sky-400">
- <p>Movies</p>
- </Link>
- </div> */}
- <ThemeSwitcher />
- </div>
+ <Navbar isBordered>
+ <NavbarBrand>
+ <p className="text-2xl font-bold">
+ <Link href="/">Dramalama</Link>
+ </p>
+ </NavbarBrand>
+
+ <NavbarContent justify="end">
+ <NavbarItem>
+ <ThemeSwitcher />
+ </NavbarItem>
+ <NavbarItem>
+ <Button
+ as={Link}
+ color="success"
+ href="https://github.com/real-zephex/Dramalama"
+ variant="faded"
+ target="_blank"
+ >
+ Github
+ </Button>
+ </NavbarItem>
+ </NavbarContent>
+ </Navbar>
);
}
|