LukeParke/better-auth
1
0
Fork 0
mirror of https://github.com/LukeHagar/better-auth.git synced 2025-12-10 04:19:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

Og image generator and small fix (#4)

Browse Source 
* feat: og and ui

* fix: lines and border issue

* fix: changelog ux

* fix: better

* fix: ui revamp

* feat: og image and small fix

* fix: docs and parsing
This commit is contained in:
Kinfe Michael Tariku
2024-09-27 15:50:44 +03:00
committed by GitHub
parent d17f151dff
commit 2a576c8ff3
23 changed files with 19048 additions and 557 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
docs/components/nav-bar.tsx
View File

@@ -9,53 +9,53 @@ import { PulicBetaBadge } from "./beta/badge";
const hideNavbar = false;
export const Navbar = () => {
return (
<nav className="md:grid grid-cols-12 border-b sticky top-0 flex items-center justify-between bg-background backdrop-blur-md z-30">
<Link
href="/"
className="md:border-r md:px-5 px-2.5 py-4 text-foreground md:col-span-2 shrink-0 transition-colors md:w-[--fd-sidebar-width]"
>
<div className="flex flex-col gap-2 w-full">
<div className="flex items-center gap-2">
<Logo />
<p>BETTER-AUTH.</p>
</div>
{/* <PulicBetaBadge /> */}
</div>
</Link>
<div className="md:col-span-10 flex items-center justify-end">
<ul className="md:flex items-center divide-x w-max border-r hidden shrink-0">
{hideNavbar
? null
: navMenu.map((menu, i) => (
<NavLink key={menu.name} href={menu.path}>
{menu.name}
</NavLink>
))}
</ul>
<ThemeToggle />
<NavbarMobileBtn />
</div>
</nav>
);
return (
<nav className="md:grid grid-cols-12 border-b sticky top-0 flex items-center justify-between bg-background backdrop-blur-md z-30">
<Link
href="/"
className="md:border-r md:px-5 px-2.5 py-4 text-foreground md:col-span-2 shrink-0 transition-colors md:w-[--fd-sidebar-width]"
>
<div className="flex flex-col gap-2 w-full">
<div className="flex items-center gap-2">
<Logo />
<p>BETTER-AUTH.</p>
</div>
{/* <PulicBetaBadge /> */}
</div>
</Link>
<div className="md:col-span-10 flex items-center justify-end">
<ul className="md:flex items-center divide-x w-max border-r hidden shrink-0">
{hideNavbar
? null
: navMenu.map((menu, i) => (
<NavLink key={menu.name} href={menu.path}>
{menu.name}
</NavLink>
))}
</ul>
<ThemeToggle />
<NavbarMobileBtn />
</div>
</nav>
);
};
export const navMenu = [
{
name: "helo_",
path: "/",
},
{
name: "docs",
path: "/docs",
},
{
name: "helo_",
path: "/",
},
{
name: "docs",
path: "/docs",
},
{
name: "changelogs",
path: "/changelogs",
},
{
name: "community",
path: "https://discord.gg/GYC3W7tZzb",
},
{
name: "changelogs",
path: "/changelogs",
},
{
name: "community",
path: "https://discord.gg/GYC3W7tZzb",
},
];