MinecraftUtilities/Frontend
1
1
Fork 0
Code Issues 1 Pull Requests 10 Actions Activity

update star us button

Browse Source
This commit is contained in:
Lee
2024-04-19 15:22:03 +01:00
parent 1540daf269
commit bcf6c4867d
24 changed files with 396 additions and 406 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/app/components/navbar.tsx
View File

@ -6,6 +6,7 @@ import { ReactElement } from "react";
import { HrefButton } from "./href-button";
import Logo from "./logo";
import { ToggleThemeButton } from "./theme-toggle-button";
import { GithubStar } from "@/app/components/github-star";
type Page = {
/**
@ -36,14 +37,12 @@ export default function NavBar(): ReactElement {
const path = usePathname();
return (
<div className="bg-secondary w-full rounded-lg flex items-center gap-3 mt-2 bg-opacity-85 h-12">
<Link href="/" className="flex items-center gap-2 pl-3 pr-1">
<div className="bg-secondary w-full rounded-lg flex justify-between items-center gap-3 mt-2 px-3 bg-opacity-85 h-12">
<Link href="/" className="flex items-center gap-2">
<Logo />
<p className="hidden md:block">Minecraft Utilities</p>
</Link>
<div className="flex-grow" />
<div className="flex gap-4">
{pages.map((page, index) => {
const isActive = path.includes(page.url);
@ -60,17 +59,9 @@ export default function NavBar(): ReactElement {
})}
</div>
<div className="flex-grow" />
<div className="mr-4 flex items-center gap-2">
<div className="hidden md:block">
<HrefButton
title="Star us on Github!"
url="https://github.com/RealFascinated/minecraft-helper"
openInNewTab
/>
</div>
<div className="flex gap-4 items-center">
<ToggleThemeButton />
<GithubStar />
</div>
</div>
);