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

Merged in fix/LOY-104-compare-all-levels-page-bugs (pull request #1234)

Browse Source 
fix(LOY-104): reduce text in tables to not break mobile design

Approved-by: Erik Tiekstra
This commit is contained in:
Christian Andolf
2025-01-31 13:36:01 +00:00
parent b6d8431e82 137d2cf499
commit e4e69bd55b
2 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/Blocks/DynamicContent/OverviewTable/Client.tsx
View File

@@ -5,7 +5,7 @@ import { useIntl } from "react-intl"
import { import {
type MembershipLevel, type MembershipLevel,
MembershipLevelEnum, membershipLevels,
} from "@/constants/membershipLevels" } from "@/constants/membershipLevels"
import MembershipLevelIcon from "@/components/Levels/Icon" import MembershipLevelIcon from "@/components/Levels/Icon"
@@ -30,8 +30,8 @@ import {
} from "@/types/components/overviewTable" } from "@/types/components/overviewTable"
function getLevelNamesForSelect(level: MembershipLevel, levelName: string) { function getLevelNamesForSelect(level: MembershipLevel, levelName: string) {
const levelToNumber = MembershipLevelEnum[level] const levelToNumber = membershipLevels[level]
return [levelToNumber, levelName].join(" - ") return [levelToNumber, levelName].join(" ")
} }
export default function OverviewTableClient({ export default function OverviewTableClient({

4
components/Blocks/DynamicContent/OverviewTable/LevelSummary/levelSummary.module.css
View File

@@ -10,7 +10,9 @@
border-radius: var(--Corner-radius-Medium); border-radius: var(--Corner-radius-Medium);
background-color: var(--Scandic-Brand-Pale-Peach); background-color: var(--Scandic-Brand-Pale-Peach);
color: var(--Scandic-Peach-80); color: var(--Scandic-Peach-80);
padding: var(--Spacing-x-half) var(--Spacing-x5); padding: var(--Spacing-x-half) var(--Spacing-x1);
text-align: center;
width: 100%;
} }
.levelSummaryText { .levelSummaryText {