Remove unnecessary widths from some images

osu-bsli · Sep 19, 2024 · 63bf1fd · 63bf1fd
1 parent 413dd94
commit 63bf1fd
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/components/widgets/Hero.astro b/src/components/widgets/Hero.astro
@@ -74,7 +74,7 @@ const {
               ) : (
                 <Image
                   class="mx-auto rounded-md w-full"
-                  widths={[400, 768, 1024, 2040]}
+                  widths={[768, 2040]}
                   sizes="(max-width: 767px) 400px, (max-width: 1023px) 768px, (max-width: 2039px) 1024px, 2040px"
                   loading="eager"
                   width={1024}

diff --git a/src/components/widgets/OurProjects.astro b/src/components/widgets/OurProjects.astro
@@ -47,7 +47,7 @@ const {
               class="mx-auto w-full rounded-lg bg-gray-500 shadow h-64 object-cover"
               src={image.src}
               alt={image.alt}
-              widths={[200, 400, 800]}
+              widths={[400, 800]}
             />
             <h3 class="text-xl font-bold font-heading pb-2 py-7">{name}</h3>
             <p class="">{description}</p>

diff --git a/src/components/widgets/ProjectHero.astro b/src/components/widgets/ProjectHero.astro
@@ -58,7 +58,7 @@ const {
               ) : (
                 <Image
                   class="mx-auto rounded-md w-full"
-                  widths={[400, 768, 1024, 2040]}
+                  widths={[768, 2040]}
                   sizes="(max-width: 767px) 400px, (max-width: 1023px) 768px, (max-width: 2039px) 1024px, 2040px"
                   loading="eager"
                   width={800}