refactor: Update image sizes for CategoryCard and HeroBanner components

beljp · Aug 19, 2024 · fa39209 · fa39209
1 parent 06f73c0
commit fa39209
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/woonuxt_base/app/components/CategoryCard.vue b/woonuxt_base/app/components/CategoryCard.vue
@@ -22,7 +22,7 @@ const imgHeight = Math.round(imgWidth * 1.125);
       :alt="node.image?.altText || node.name"
       :title="node.image?.title || node.name"
       :loading="imageLoading"
-      :sizes="`${imgWidth / 2}px md:${imgWidth}px`"
+      :sizes="`sm:${imgWidth / 2}px md:${imgWidth}px`"
       placeholder
       placeholder-class="blur-xl" />
     <div class="absolute inset-x-0 bottom-0 opacity-50 bg-gradient-to-t from-black to-transparent h-1/2" />

diff --git a/woonuxt_base/app/components/generalElements/HeroBanner.vue b/woonuxt_base/app/components/generalElements/HeroBanner.vue
@@ -7,7 +7,7 @@
       src="/images/hero-4.jpg"
       alt="Hero image"
       loading="eager"
-      sizes="100vw md:1400px"
+      sizes="sm:50vw md:1400px"
       fetchpriority="high"
       preload
       placeholder