edb/neuf-www
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

tweak event page image sizing

Browse Source
This commit is contained in:
Jonas Braathen
2024-08-12 01:09:37 +02:00
parent 399b2db2c9
commit f4599cda40
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web/src/components/events/EventHeader.tsx
View File

@ -5,8 +5,6 @@ import { Breadcrumb } from "../general/Breadcrumb";
import { Icon } from "../general/Icon"; import { Icon } from "../general/Icon";
export const EventHeader = ({ event }: { event: EventFragment }) => { export const EventHeader = ({ event }: { event: EventFragment }) => {
// TODO: where should we show image attribution for the featured image?
const featuredImage: any = event.featuredImage; const featuredImage: any = event.featuredImage;
return ( return (
@ -15,8 +13,10 @@ export const EventHeader = ({ event }: { event: EventFragment }) => {
{/*<Breadcrumb link="/arrangementer" text="Arrangement" />*/} {/*<Breadcrumb link="/arrangementer" text="Arrangement" />*/}
{event.categories.length > 0 && ( {event.categories.length > 0 && (
<div className={styles.categories}> <div className={styles.categories}>
{event.categories.map(category => ( {event.categories.map((category) => (
<div key={category.name} className="tag">{category.name}</div> <div key={category.name} className="tag">
{category.name}
</div>
))} ))}
</div> </div>
)} )}
@ -37,7 +37,7 @@ export const EventHeader = ({ event }: { event: EventFragment }) => {
width={featuredImage.width} width={featuredImage.width}
height={featuredImage.height} height={featuredImage.height}
attribution={featuredImage.attribution} attribution={featuredImage.attribution}
sizes="100vw" sizes="(max-width: 1000px) 100vw, 55vw"
/> />
)} )}
</div> </div>