tweak more image sizes
This commit is contained in:
@ -33,7 +33,7 @@ export const AssociationHeader = ({
|
|||||||
alt={`Logoen til ${association.title}`}
|
alt={`Logoen til ${association.title}`}
|
||||||
width={association.logo.width}
|
width={association.logo.width}
|
||||||
height={association.logo.height}
|
height={association.logo.height}
|
||||||
sizes="100vw"
|
sizes="40vw"
|
||||||
className={styles.logo}
|
className={styles.logo}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
|
@ -35,7 +35,7 @@ export const ContactEntityBlock = ({
|
|||||||
alt={contact.image.alt ?? ""}
|
alt={contact.image.alt ?? ""}
|
||||||
width={contact.image.width}
|
width={contact.image.width}
|
||||||
height={contact.image.height}
|
height={contact.image.height}
|
||||||
sizes="10vw"
|
sizes="25vw"
|
||||||
className={styles.portrait}
|
className={styles.portrait}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
|
@ -38,7 +38,7 @@ export const FeaturedBlock = ({
|
|||||||
alt={image.alt ?? ""}
|
alt={image.alt ?? ""}
|
||||||
width={image.width}
|
width={image.width}
|
||||||
height={image.height}
|
height={image.height}
|
||||||
sizes="20vw"
|
sizes="(max-width: 800px) 100vw, 50vw"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
@ -26,7 +26,7 @@ export const VenueItem = ({ venue }: { venue: VenueFragment }) => {
|
|||||||
alt={featuredImage.alt}
|
alt={featuredImage.alt}
|
||||||
width={0}
|
width={0}
|
||||||
height={0}
|
height={0}
|
||||||
sizes="20vw"
|
sizes="(max-width: 600px) 100vw, (max-width: 900xpx) 50vw, 35vw"
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
Reference in New Issue
Block a user