scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: change grid logic

Browse Source
This commit is contained in:
Fredrik Thorsson
2024-06-12 13:45:04 +02:00
parent 8b25d1cbf4
commit c45a239005
4 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/MyPages/Blocks/Benefits/CurrentLevel/current.module.css
View File

@@ -39,3 +39,7 @@
.scriptTitle { .scriptTitle {
transform: rotate(-3deg); transform: rotate(-3deg);
} }
.test {
height: 100px;
}

2
components/MyPages/Blocks/Benefits/CurrentLevel/index.tsx
View File

@@ -19,7 +19,7 @@ export default async function CurrentBenefitsBlock({
const user = await serverClient().user.get() const user = await serverClient().user.get()
const { formatMessage } = await getIntl() const { formatMessage } = await getIntl()
// TODO: level should be fetched from the `user` object once available // TODO: level should be fetched from the `user` object once available
// TAKE NOTE: we need clarification on how benefits stack from different levels // TAKE NOTE: we need clarification on how benefits stack from different levels
// in order to determine if a benefit is specific to a level or if it is a cumulative benefit // in order to determine if a benefit is specific to a level or if it is a cumulative benefit
// we might have to add a new boolean property "exclusive" or similar // we might have to add a new boolean property "exclusive" or similar
const userLevel = 1 const userLevel = 1

4
components/TempDesignSystem/CardGrid/cardGrid.module.css
View File

@@ -37,10 +37,6 @@
} }
@media screen and (min-width: 1367px) { @media screen and (min-width: 1367px) {
.oneColumnGrid {
grid-template-columns: repeat(1, 1fr);
}
.twoColumnGrid, .twoColumnGrid,
.twoPlusOne { .twoPlusOne {
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);

1
components/TempDesignSystem/CardGrid/variants.ts
View File

@@ -8,7 +8,6 @@ export const cardGridVariants = cva(styles.gridContainer, {
true: styles.carousel, true: styles.carousel,
}, },
variant: { variant: {
oneColumnGrid: styles.oneColumnGrid,
twoColumnGrid: styles.twoColumnGrid, twoColumnGrid: styles.twoColumnGrid,
threeColumnGrid: styles.threeColumnGrid, threeColumnGrid: styles.threeColumnGrid,
fourColumnGrid: styles.fourColumnGrid, fourColumnGrid: styles.fourColumnGrid,