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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user