diff --git a/web/src/app/page.tsx b/web/src/app/page.tsx index 831c78a..a8a9840 100644 --- a/web/src/app/page.tsx +++ b/web/src/app/page.tsx @@ -7,6 +7,8 @@ import { FeaturedEvents } from "@/components/events/FeaturedEvents"; import { NewsList } from "@/components/news/NewsList"; import { UpcomingEvents } from "@/components/events/UpcomingEvents"; import { IconListBlock } from "@/components/blocks/IconListBlock"; +import { Pig } from "@/components/general/Pig"; +import Link from "next/link"; const HomeFragmentDefinition = graphql(` fragment Home on HomePage { @@ -57,6 +59,23 @@ export default async function Home() {
+
+

Skal du besøke Chateau Neuf?

+

+ Vi hjelper deg med å finne frem, og sørger for at du har en fin + opplevelse +

+ + Adresse og adkomst → + + + Billetter → + + + Åpningstider → + + +
); diff --git a/web/src/components/events/eventItem.module.scss b/web/src/components/events/eventItem.module.scss index 104913a..abf0ad9 100644 --- a/web/src/components/events/eventItem.module.scss +++ b/web/src/components/events/eventItem.module.scss @@ -11,8 +11,9 @@ } &.medium { + --size-image-width: 8rem; display: grid; - grid-template-columns: 1fr auto; + grid-template-columns: var(--size-image-width) auto; column-gap: .6rem; align-items: center; width: var(--size-item-width); @@ -23,7 +24,7 @@ } .image { - width: 7rem; + width: var(--size-image-width); } } } diff --git a/web/src/components/events/upcomingEvents.module.scss b/web/src/components/events/upcomingEvents.module.scss index b19062c..9596d54 100644 --- a/web/src/components/events/upcomingEvents.module.scss +++ b/web/src/components/events/upcomingEvents.module.scss @@ -13,9 +13,10 @@ .eventList { --size-item-width: 20rem; + padding: 1rem 0; list-style: none; display: flex; - width: calc(var(--size-item-width) * 5); + width: calc(var(--size-item-width) * 10); li { padding-right: 1rem; diff --git a/web/src/components/news/newsList.module.scss b/web/src/components/news/newsList.module.scss index d308b57..d8a974f 100644 --- a/web/src/components/news/newsList.module.scss +++ b/web/src/components/news/newsList.module.scss @@ -1,5 +1,4 @@ .newsWrapper { - background: var(--color-background-secondary); margin: 0 calc(var(--spacing-sitepadding)*-1); padding: var(--spacing-sitepadding);