feat(WEB-250): overview hero final ui
This commit is contained in:
@@ -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()
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user