Fix: fixed image dimensions

This commit is contained in:
2024-01-16 13:56:41 +01:00
parent 37a8800896
commit 70deefcd6a
2 changed files with 3 additions and 3 deletions

View File

@@ -7,8 +7,8 @@ export const PageFooter: React.FC = () =>
<footer className="footer mx-auto max-w-2xl px-4 py-10"> <footer className="footer mx-auto max-w-2xl px-4 py-10">
<div> <div>
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<Image src="/icon4.png" alt="logo"></Image> <Image src="/icon4.png" alt="logo" width={64} height={64}></Image>
<div className="font-title inline-flex text-3xl font-black">Bills Tracker</div> <div className="font-title inline-flex text-3xl font-black ml-2">Bills Tracker</div>
</div> </div>
<p className="text-base-content/70 mb-5">Web app for tracking home utility bills</p> <p className="text-base-content/70 mb-5">Web app for tracking home utility bills</p>
<Link href="/" className="link link-hover">Home</Link> <Link href="/" className="link link-hover">Home</Link>

View File

@@ -3,5 +3,5 @@ import Link from "next/link";
export const PageHeader = () => export const PageHeader = () =>
<div className="navbar bg-base-100 mb-6"> <div className="navbar bg-base-100 mb-6">
<Link className="btn btn-ghost text-xl" href="/"><Image src="/icon3.png" alt="logo" /> Utility Bills Tracker</Link> <Link className="btn btn-ghost text-xl" href="/"><Image src="/icon3.png" alt="logo" width={48} height={48} /> Utility Bills Tracker</Link>
</div> </div>