Merge pull request #82 from Blazity/logo-quality

fix: logo quality tweak
Blazity · Nov 6, 2023 · 526efa8 · 526efa8
2 parents d623af5 + f3065f0
commit 526efa8
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/src/components/ArticleCard/HeroArticleCard.tsx b/src/components/ArticleCard/HeroArticleCard.tsx
@@ -37,7 +37,8 @@ export function HeroArticleCard({
  alt={imageAlt ?? "lack of description"}
  width={1200}
  height={320}
- sizes="(max-width: 640px) 320px, (max-width: 1024px) 480px, (max-width: 1200px) 780px, 1200px"
+ quality={100}
+ sizes="(max-width: 640px) 480px, (max-width: 1024px) 780px, (max-width: 1200px) 780px, 1200px"
  className="h-full max-h-[320px] object-cover text-center brightness-[70%]"
  priority
  />

diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
@@ -75,7 +75,7 @@ export async function Footer({ footer, logoUrl }: FooterProps) {
  href={"https://blazity.com/"}
  className="flex max-h-[100px] w-full max-w-full lg:justify-end "
  >
- <Image src={logoUrl} width={100} height={100} alt="Blazity logo" className="w-1/3" />
+ <Image src={logoUrl} width={300} height={100} alt="Blazity logo" quality={100} className="w-1/3" />
  </Link>
  )}
  <p className="text-sm">

diff --git a/src/components/Navigation/Navigation.tsx b/src/components/Navigation/Navigation.tsx
@@ -43,7 +43,7 @@ export function Navigation({ navigation }: NavigationProps) {
  className="w-[100px]"
  onClick={() => setIsSheetOpen(false)}
  >
- <Image src={logo.url} width={100} height={30} alt="site-logo" quality={100} />
+ <Image src={logo.url} width={100} height={100} alt="site-logo" quality={100} />
  </Link>
  <ul className="hidden items-center gap-5 sm:flex-wrap lg:flex">
  <li className="flex items-center">