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

chore: update styling for loyalty table

Browse Source
This commit is contained in:
Matilda Landström
2024-06-19 10:34:05 +02:00
committed by Michael Zetterberg
parent 81c7a60eff
commit 401b019f41
7 changed files with 24 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitValue/benefitValue.module.css
View File

@@ -2,18 +2,18 @@
display: flex;
flex-direction: column;
align-items: center;
gap: var(--Spacing-x-one-and-half);
gap: var(--Spacing-x-half);
padding: 0 1rem 0 1rem;
text-wrap: balance;
}
.benefitValue {
background-color: var(--Main-Brand-Burgundy);
border-radius: var(--Corner-radius-xLarge);
color: var(--Base-Surface-Primary-Hover-alt, #fff);
font-size: var(--typography-Footnote-Regular-fontSize);
padding: var(--Spacing-x-half) var(--Spacing-x1);
font-size: var(--typography-Body-Bold-fontSize);
font-weight: var(--typography-Body-Bold-fontWeight);
}
.benefitValueDetails {
font-size: var(--typography-Caption-Regular-fontSize);
font-size: var(--typography-Footnote-Regular-fontSize);
text-align: center;
color: var(--UI-Grey-80);
}

2
components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitValue/index.tsx
View File

@@ -8,7 +8,7 @@ import { BenefitValueProps } from "@/types/components/loyalty/blocks"
export default function BenefitValue({ benefit }: BenefitValueProps) {
if (!benefit.unlocked) {
return <Minus />
return <Minus color="var(--UI-Grey-40)" />
}
if (!benefit.value) {
return <CheckCircle height={32} width={32} color="green" />