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

fix: tweak page layout

Browse Source
This commit is contained in:
Arvid Norlin
2024-05-22 11:14:53 +02:00
parent 14904e004a
commit bf247fa2b5
4 changed files with 111 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
components/Loyalty/Blocks/DynamicContent/OverviewTable/overviewTable.module.css
View File

@@ -1,15 +1,29 @@
.container {
background-color: var(--Main-Brand-PalePeach);
left: 50%;
margin-top: -1.6rem;
margin-left: -50vw;
margin-right: -50vw;
margin-bottom: -9.3rem; /* Based on the MaxWidth's 1.6rem + the LoyaltyPage's 7.7rem bottom margins */
position: relative;
right: 50%;
width: 100dvw;
padding: 1.6rem;
}
.title {
font-family: var(--typography-Title1-Desktop-fontFamily), inherit;
}
.highlight {
color: var(--Base-Text-Primary-Accent);
}
.preamble {
color: var(--Base-Text-Primary-High-contrast);
font-size: var(--typography-Body-Regular-fontSize);
line-height: 150%;
margin: 0;
}
.columns {
@@ -76,7 +90,7 @@
position: absolute;
position: absolute;
top: 0;
bottom: 0;
bottom: 1.6rem;
left: 50%;
right: 0;
z-index: 1;