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

Seed: saas template (34 files)

Browse Source
This commit is contained in:
jyswee
2026-07-23 22:54:53 +00:00
parent 3ffc95ad07
commit b1499b8695
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Header.tsx
+5 -5
View File
@@ -25,7 +25,7 @@ export default function Header() {
}, []); }, []);
return ( return (
<header className={`fixed top-0 inset-x-0 z-50 transition-all duration-300 \${ <header className={`fixed top-0 inset-x-0 z-50 transition-all duration-300 ${
scrolled scrolled
? "bg-white/95 backdrop-blur-lg border-b border-slate-100 shadow-sm" ? "bg-white/95 backdrop-blur-lg border-b border-slate-100 shadow-sm"
: "bg-transparent" : "bg-transparent"
@@ -36,7 +36,7 @@ export default function Header() {
<div className="h-8 w-8 rounded-lg bg-gradient-to-br from-indigo-500 to-cyan-500 flex items-center justify-center"> <div className="h-8 w-8 rounded-lg bg-gradient-to-br from-indigo-500 to-cyan-500 flex items-center justify-center">
<Layers className="h-4 w-4 text-white" /> <Layers className="h-4 w-4 text-white" />
</div> </div>
<span className={`text-lg font-bold tracking-tight \${scrolled ? "text-slate-900" : "text-white"}`}> <span className={`text-lg font-bold tracking-tight ${scrolled ? "text-slate-900" : "text-white"}`}>
Nexus Nexus
</span> </span>
</Link> </Link>
@@ -47,7 +47,7 @@ export default function Header() {
<Link <Link
key={l.to} key={l.to}
to={l.to} to={l.to}
className={`text-sm font-medium transition-colors \${ className={`text-sm font-medium transition-colors ${
scrolled ? "text-slate-600 hover:text-slate-900" : "text-slate-300 hover:text-white" scrolled ? "text-slate-600 hover:text-slate-900" : "text-slate-300 hover:text-white"
}`} }`}
> >
@@ -59,7 +59,7 @@ export default function Header() {
{/* Right Actions */} {/* Right Actions */}
<div className="hidden md:flex items-center gap-3"> <div className="hidden md:flex items-center gap-3">
<ThemeToggle /> <ThemeToggle />
<Button asChild variant="ghost" size="sm" className={`rounded-full \${scrolled ? "text-slate-600 hover:text-slate-900" : "text-slate-300 hover:text-white hover:bg-white/10"}`}> <Button asChild variant="ghost" size="sm" className={`rounded-full ${scrolled ? "text-slate-600 hover:text-slate-900" : "text-slate-300 hover:text-white hover:bg-white/10"}`}>
<Link to="/login">Sign In</Link> <Link to="/login">Sign In</Link>
</Button> </Button>
<Button asChild size="sm" className="active:scale-[0.98] rounded-full bg-indigo-600 hover:bg-indigo-500 text-white shadow-lg shadow-indigo-500/20"> <Button asChild size="sm" className="active:scale-[0.98] rounded-full bg-indigo-600 hover:bg-indigo-500 text-white shadow-lg shadow-indigo-500/20">
@@ -70,7 +70,7 @@ export default function Header() {
{/* Mobile Menu */} {/* Mobile Menu */}
<Sheet open={mobileOpen} onOpenChange={setMobileOpen}> <Sheet open={mobileOpen} onOpenChange={setMobileOpen}>
<SheetTrigger asChild className="md:hidden"> <SheetTrigger asChild className="md:hidden">
<Button variant="ghost" size="icon" className={`\${scrolled ? "text-slate-900" : "text-white"}`}> <Button variant="ghost" size="icon" className={`${scrolled ? "text-slate-900" : "text-white"}`}>
<Menu className="h-5 w-5" /> <Menu className="h-5 w-5" />
</Button> </Button>
</SheetTrigger> </SheetTrigger>