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 (
<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
? "bg-white/95 backdrop-blur-lg border-b border-slate-100 shadow-sm"
: "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">
<Layers className="h-4 w-4 text-white" />
</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
</span>
</Link>
@@ -47,7 +47,7 @@ export default function Header() {
<Link
key={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"
}`}
>
@@ -59,7 +59,7 @@ export default function Header() {
{/* Right Actions */}
<div className="hidden md:flex items-center gap-3">
<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>
</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">
@@ -70,7 +70,7 @@ export default function Header() {
{/* Mobile Menu */}
<Sheet open={mobileOpen} onOpenChange={setMobileOpen}>
<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" />
</Button>
</SheetTrigger>