From f566c4b63979d860e3bc6c0e931f5179e4a556cc Mon Sep 17 00:00:00 2001
From: Jonas Braathen <jonas@ponas.no>
Date: Thu, 15 Aug 2024 01:54:48 +0200
Subject: [PATCH] tweak more image sizes

---
 web/src/components/associations/AssociationHeader.tsx | 2 +-
 web/src/components/blocks/ContactEntityBlock.tsx      | 2 +-
 web/src/components/blocks/FeaturedBlock.tsx           | 2 +-
 web/src/components/venues/VenueItem.tsx               | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/src/components/associations/AssociationHeader.tsx b/web/src/components/associations/AssociationHeader.tsx
index f25a04b..8ffd753 100644
--- a/web/src/components/associations/AssociationHeader.tsx
+++ b/web/src/components/associations/AssociationHeader.tsx
@@ -33,7 +33,7 @@ export const AssociationHeader = ({
             alt={`Logoen til ${association.title}`}
             width={association.logo.width}
             height={association.logo.height}
-            sizes="100vw"
+            sizes="40vw"
             className={styles.logo}
           />
         )}
diff --git a/web/src/components/blocks/ContactEntityBlock.tsx b/web/src/components/blocks/ContactEntityBlock.tsx
index 6b66c57..0c414fd 100644
--- a/web/src/components/blocks/ContactEntityBlock.tsx
+++ b/web/src/components/blocks/ContactEntityBlock.tsx
@@ -35,7 +35,7 @@ export const ContactEntityBlock = ({
             alt={contact.image.alt ?? ""}
             width={contact.image.width}
             height={contact.image.height}
-            sizes="10vw"
+            sizes="25vw"
             className={styles.portrait}
           />
         )}
diff --git a/web/src/components/blocks/FeaturedBlock.tsx b/web/src/components/blocks/FeaturedBlock.tsx
index ca0ff5f..7b185b4 100644
--- a/web/src/components/blocks/FeaturedBlock.tsx
+++ b/web/src/components/blocks/FeaturedBlock.tsx
@@ -38,7 +38,7 @@ export const FeaturedBlock = ({
             alt={image.alt ?? ""}
             width={image.width}
             height={image.height}
-            sizes="20vw"
+            sizes="(max-width: 800px) 100vw, 50vw"
           />
         </div>
       )}
diff --git a/web/src/components/venues/VenueItem.tsx b/web/src/components/venues/VenueItem.tsx
index d8f0e40..c2d2bcd 100644
--- a/web/src/components/venues/VenueItem.tsx
+++ b/web/src/components/venues/VenueItem.tsx
@@ -26,7 +26,7 @@ export const VenueItem = ({ venue }: { venue: VenueFragment }) => {
             alt={featuredImage.alt}
             width={0}
             height={0}
-            sizes="20vw"
+            sizes="(max-width: 600px) 100vw, (max-width: 900xpx) 50vw, 35vw"
           />
         )}
       </div>