fix: resolve Next.js Image component warnings for LCP and dimensions
This commit is contained in:
@@ -66,6 +66,7 @@ export default function About({ dict }: { dict: any }) {
|
|||||||
src="/moy-beach.jpg"
|
src="/moy-beach.jpg"
|
||||||
alt="Moy Beach Atmosphere"
|
alt="Moy Beach Atmosphere"
|
||||||
fill
|
fill
|
||||||
|
priority
|
||||||
className="object-cover"
|
className="object-cover"
|
||||||
sizes="(max-width: 768px) 100vw, 50vw"
|
sizes="(max-width: 768px) 100vw, 50vw"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -36,8 +36,9 @@ export default function Header({ dict, lang, dbSettings }: { dict: any, lang: st
|
|||||||
alt="Moy Beach Logo"
|
alt="Moy Beach Logo"
|
||||||
width={120}
|
width={120}
|
||||||
height={48}
|
height={48}
|
||||||
|
priority
|
||||||
className={`h-12 w-auto transition-all duration-300 ${!isScrolled ? "brightness-0 invert opacity-90" : ""}`}
|
className={`h-12 w-auto transition-all duration-300 ${!isScrolled ? "brightness-0 invert opacity-90" : ""}`}
|
||||||
style={{ width: "auto" }}
|
style={{ width: "auto", height: "auto" }}
|
||||||
/>
|
/>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user