layoutClasses.js 355 B

1234567891011
  1. export function getOverviewCardsLayoutClasses({ cardCount }) {
  2. const cardsRowClassName =
  3. "flex w-full flex-wrap items-stretch justify-center gap-4 lg:flex-nowrap";
  4. const cardItemClassName =
  5. cardCount === 4
  6. ? "max-w-xs sm:w-[17rem] lg:w-[15.5rem]"
  7. : "max-w-xs sm:w-[18rem] lg:w-[17.5rem]";
  8. return { cardsRowClassName, cardItemClassName };
  9. }