sami7777/dashcaddy.net
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use wide brand logo (icon+wordmark as one image) in navbar/footer

Browse Source
This commit is contained in:
Krystie
2026-08-12 17:58:08 -07:00
parent d4be17052c
commit 9b10f401f4
2 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Footer.tsx
+2 -3
View File
@@ -51,9 +51,8 @@ export default function Footer() {
<div className="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8"> <div className="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
{/* Brand Section */} {/* Brand Section */}
<div> <div>
<Link href="/" className="flex items-center gap-2 font-bold text-lg text-brand-400 hover:text-brand-300 transition-colors mb-4"> <Link href="/" className="flex items-center transition-opacity hover:opacity-80 mb-4">
<Image src="/images/brand-logo.png" alt="DashCaddy" width={28} height={28} className="rounded" /> <Image src="/images/brand-wide-light.png" alt="DashCaddy" width={160} height={53} className="h-9 w-auto" />
<span>DashCaddy</span>
</Link> </Link>
<p className="text-surface-400 text-sm leading-relaxed mb-4"> <p className="text-surface-400 text-sm leading-relaxed mb-4">
Self-hosted Docker dashboard with automatic SSL, DNS, and reverse proxy. Making self-hosting beautiful and effortless. Self-hosted Docker dashboard with automatic SSL, DNS, and reverse proxy. Making self-hosting beautiful and effortless.
src/components/Navbar.tsx
+2 -3
View File
@@ -19,9 +19,8 @@ export default function Navbar() {
<div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
<div className="flex h-16 items-center justify-between"> <div className="flex h-16 items-center justify-between">
{/* Logo */} {/* Logo */}
<Link href="/" className="flex items-center gap-2 font-bold text-xl text-brand-400 transition-opacity hover:opacity-80"> <Link href="/" className="flex items-center transition-opacity hover:opacity-80">
<Image src="/images/brand-logo.png" alt="DashCaddy" width={32} height={32} className="rounded-lg" priority /> <Image src="/images/brand-wide-light.png" alt="DashCaddy" width={180} height={60} className="h-10 w-auto" priority />
<span>DashCaddy</span>
</Link> </Link>
{/* Desktop Navigation */} {/* Desktop Navigation */}