fix(ui): image resolutions

intk · Mar 22, 2024 · 9d1918e · 9d1918e
1 parent cc39df0
commit 9d1918e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 10 deletions.
diff --git a/frontend/src/components/blocks/Teaser/utils.js b/frontend/src/components/blocks/Teaser/utils.js
@@ -2,17 +2,17 @@ import { isInternalURL } from '@plone/volto/helpers';
 // import config from '@plone/volto/registry';
 
 function findNameOfBiggestImage(images) {
-  let maxHeight = 0;
-  let objectNameWithMaxHeight = 'teaser';
+  let maxWidth = 0;
+  let objectNameWithMaxWidth = 'teaser';
 
   for (const [key, value] of Object.entries(images)) {
-    if (value.height > maxHeight) {
-      maxHeight = value.height;
-      objectNameWithMaxHeight = key;
+    if (value.width > maxWidth) {
+      maxWidth = value.width;
+      objectNameWithMaxWidth = key;
     }
   }
 
-  return objectNameWithMaxHeight;
+  return objectNameWithMaxWidth;
 }
 
 export function getTeaserImageURL({ href, image }) {

diff --git a/...d/src/customizations/@eeacms/volto-block-image-cards/ImageCards/displays/HeroCarousel.jsx b/...d/src/customizations/@eeacms/volto-block-image-cards/ImageCards/displays/HeroCarousel.jsx
@@ -170,10 +170,7 @@ const HeroCarousel = (props) => {
                   style={
                     image
                       ? {
-                          backgroundImage: `url(${getScaleUrl(
-                            image,
-                            'great',
-                          )})`,
+                          backgroundImage: `url(${getScaleUrl(image, 'huge')})`,
                           height: `${height}`,
                           // backgroundSize: 'fit',
                           backgroundPosition: 'center',