feat(WEB-250): overview hero final ui

This commit is contained in:
Simon Emanuelsson
2024-05-24 10:13:24 +02:00
parent f884383c3c
commit 16b817f469
164 changed files with 6262 additions and 990 deletions

View File

@@ -9,13 +9,13 @@ import { _ } from "@/lib/translation"
import Image from "@/components/Image"
import Button from "@/components/TempDesignSystem/Button"
import Link from "@/components/TempDesignSystem/Link"
import Title from "@/components/Title"
import Title from "@/components/TempDesignSystem/Title"
import levelsData from "./data"
import styles from "./loyaltyLevels.module.css"
import { Level, LevelCardProps } from "@/types/components/loyalty/blocks"
import type { Level, LevelCardProps } from "@/types/components/loyalty/blocks"
export default function LoyaltyLevels() {
const { lang } = useParams()

View File

@@ -59,16 +59,15 @@
height: 1.4rem;
}
@media screen and (min-width: 950px) {
@media screen and (min-width: 1367px) {
.container {
gap: 3.2rem;
}
.cardContainer {
display: grid;
grid-template-columns: repeat(
12,
auto
); /* Three columns in the first row */
grid-template-columns: repeat(12, auto);
/* Three columns in the first row */
padding-right: 0;
margin-right: 0rem;
}