diff --git a/web/src/app/page.tsx b/web/src/app/page.tsx index 18724b0..b7e790a 100644 --- a/web/src/app/page.tsx +++ b/web/src/app/page.tsx @@ -59,10 +59,6 @@ export default async function Home() { -
«Hvor Glæden hersker, er alltid Fest»
- - - ); } diff --git a/web/src/app/praktisk/page.tsx b/web/src/app/praktisk/page.tsx index 123bc61..c4cb61c 100644 --- a/web/src/app/praktisk/page.tsx +++ b/web/src/app/praktisk/page.tsx @@ -9,18 +9,54 @@ export default async function Page() { return (
-

Velkommen til oss!

+

+ Velkommen til oss! Enten du skal på teater, konsert, foredrag, eller er + student eller pensjonist, gleder vi oss til å se deg på Chateau Neuf. + Her finner du informasjon om hvordan du kommer deg til oss, og hva vi + kan by på av tjenester. +

diff --git a/web/src/components/events/EventFilter.tsx b/web/src/components/events/EventFilter.tsx index 3b6133e..fc89954 100644 --- a/web/src/components/events/EventFilter.tsx +++ b/web/src/components/events/EventFilter.tsx @@ -13,7 +13,7 @@ export const EventFilter = ({ }) => { return (
- Filter + Filter
    {eventCategories .filter((x) => x.showInFilters) @@ -22,7 +22,13 @@ export const EventFilter = ({ key={category.slug} className={activeCategory === category.slug ? styles.active : ""} > - diff --git a/web/src/components/events/eventFilter.module.scss b/web/src/components/events/eventFilter.module.scss index 8330ad3..6cd36d9 100644 --- a/web/src/components/events/eventFilter.module.scss +++ b/web/src/components/events/eventFilter.module.scss @@ -9,13 +9,20 @@ ul { list-style: none; display: flex; + flex-wrap: wrap; gap: .5rem; } + button { + margin-bottom: 0; + background: var(--color-goldenBeige); + color: var(--color-deepBrick); + } + .active { button { background: var(--color-deepBrick); - color: var(--color-white) + color: var(--color-goldenBeige); } } } \ No newline at end of file diff --git a/web/src/css/base.scss b/web/src/css/base.scss index 24454c2..cff948d 100644 --- a/web/src/css/base.scss +++ b/web/src/css/base.scss @@ -13,7 +13,6 @@ html { html, body { max-width: 100vw; - overflow-x: hidden; } body { @@ -191,4 +190,27 @@ input[type="text"] { &:has(:focus-visible) { box-shadow: 0 0 0 1px var(--color-background), 0 0 0 3px var(--color-green-dark); } +} + +.anchorLinks { + position: sticky; + top: 0; + + >span { + display: block; + margin-bottom: .5rem; + } + + ul { + list-style: none; + display: flex; + flex-wrap: wrap; + gap: .5rem; + } + + a { + margin-bottom: 0; + background: var(--color-goldenBeige); + color: var(--color-deepBrick); + } } \ No newline at end of file