Merged in fix/BOOK-317-campaign-ui-fixes (pull request #3397)

fix(BOOK-317): small campaign ui fixes

* fix(BOOK-317): campaign ui fixes


Approved-by: Erik Tiekstra
This commit is contained in:
Matilda Landström
2026-01-08 08:55:49 +00:00
parent 4980cc830d
commit ffee9757d2
10 changed files with 18 additions and 19 deletions
@@ -8,7 +8,7 @@ import {
CarouselNext,
CarouselPrevious,
} from "@/components/Carousel/CarouselNavigation"
import ContentCard from "@/components/ContentCard"
import { ContentCard } from "@/components/ContentCard"
import styles from "./allCampaigns.module.css"
@@ -3,7 +3,7 @@
import { useState } from "react"
import { Carousel } from "@/components/Carousel"
import ContentCard from "@/components/ContentCard"
import { ContentCard } from "@/components/ContentCard"
import { Section } from "@/components/Section"
import SectionHeader from "@/components/Section/Header/Deprecated"
import SectionLink from "@/components/Section/Link"
@@ -3,7 +3,7 @@
import { useState } from "react"
import { Carousel } from "@/components/Carousel"
import ContentCard from "@/components/ContentCard"
import { ContentCard } from "@/components/ContentCard"
import { Section } from "@/components/Section"
import { SectionHeader } from "@/components/Section/Header"
import SectionLink from "@/components/Section/Link"
@@ -16,8 +16,10 @@ import type { VariantProps } from "class-variance-authority"
import type { headingVariants } from "@/components/Section/Header/headingVariants"
interface CarouselCardsProps
extends Pick<CarouselCardsBlock, "carousel_cards"> {
interface CarouselCardsProps extends Pick<
CarouselCardsBlock,
"carousel_cards"
> {
headingLevel?: "h1" | "h2"
headingTypography?: VariantProps<typeof headingVariants>["typography"]
}
@@ -48,6 +48,7 @@
@media screen and (max-width: 949px) {
.list {
grid-template-columns: repeat(2, 1fr);
row-gap: var(--Space-x2);
.listItem:nth-child(2n)::after {
display: none;
@@ -58,6 +59,7 @@
@media screen and (min-width: 950px) and (max-width: 1366px) {
.list {
grid-template-columns: repeat(4, 1fr);
row-gap: var(--Space-x3);
&:not(.count3, .count5, .count6) .listItem:nth-child(4n)::after {
display: none;