vibeasite-templates/template-fitness
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Seed: fitness template (17 files)

Browse Source
This commit is contained in:
jyswee
2026-07-23 22:58:56 +00:00
parent 488f25a5ec
commit 49a56e869c
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Header.tsx
+3 -3
View File
@@ -22,7 +22,7 @@ function AuthDialog({ trigger }: { trigger: React.ReactNode }) {
if (isSignedIn) { if (isSignedIn) {
return ( return (
<Button variant="ghost" size="sm" className="text-slate-300 hover:text-orange-400 uppercase tracking-wide font-bold" onClick={() => { signout(); toast.success("Signed out"); }}> <Button variant="ghost" size="sm" className="text-slate-300 hover:text-orange-400 uppercase tracking-wide font-bold" onClick={() => { signout(); toast.success("Signed out"); }}>
Sign Out{user?.email ? ` (\${user.email})` : ""} Sign Out{user?.email ? ` (${user.email})` : ""}
</Button> </Button>
); );
} }
@@ -96,7 +96,7 @@ export default function Header() {
]; ];
return ( return (
<header className={`fixed top-0 inset-x-0 z-50 transition-all duration-300 \${scrolled ? "bg-slate-950/95 backdrop-blur-lg border-b border-slate-800 shadow-lg" : "bg-transparent"}`}> <header className={`fixed top-0 inset-x-0 z-50 transition-all duration-300 ${scrolled ? "bg-slate-950/95 backdrop-blur-lg border-b border-slate-800 shadow-lg" : "bg-transparent"}`}>
<div className="mx-auto max-w-7xl flex items-center justify-between px-6 py-4"> <div className="mx-auto max-w-7xl flex items-center justify-between px-6 py-4">
<Link to="/" className="flex items-center gap-2 group"> <Link to="/" className="flex items-center gap-2 group">
<div className="p-1.5 rounded-lg bg-gradient-to-br from-orange-500 to-red-500 shadow-lg shadow-orange-500/25 group-hover:shadow-orange-500/40 transition-shadow"> <div className="p-1.5 rounded-lg bg-gradient-to-br from-orange-500 to-red-500 shadow-lg shadow-orange-500/25 group-hover:shadow-orange-500/40 transition-shadow">
@@ -106,7 +106,7 @@ export default function Header() {
</Link> </Link>
<nav className="hidden md:flex items-center gap-8"> <nav className="hidden md:flex items-center gap-8">
{links.map((l) => ( {links.map((l) => (
<Link key={l.to} to={l.to} className={`text-sm font-semibold uppercase tracking-wide transition-colors hover:text-orange-400 \${scrolled ? "text-slate-300" : "text-white/90"}`}>{l.label}</Link> <Link key={l.to} to={l.to} className={`text-sm font-semibold uppercase tracking-wide transition-colors hover:text-orange-400 ${scrolled ? "text-slate-300" : "text-white/90"}`}>{l.label}</Link>
))} ))}
</nav> </nav>
<div className="hidden md:flex items-center gap-3"> <div className="hidden md:flex items-center gap-3">