Fix: fixed image dimensions
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
Reference in New Issue
Block a user