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

feat: update loyalty overview table ui

Browse Source
This commit is contained in:
Matilda Landström
2024-06-28 10:13:32 +02:00
parent 1c76725b4c
commit 1186511038
35 changed files with 433 additions and 396 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -11,15 +11,17 @@
display: none;
position: relative;
background-color: var(--Scandic-Opacity-White-100);
border-radius: var(--Corner-radius-Medium);
}
.mobileColumns {
background-color: var(--Scandic-Opacity-White-100);
display: grid;
grid-template-columns: 1fr 1fr;
margin: 0 calc(var(--Spacing-x2) * -1);
padding-top: var(--Spacing-x2);
margin: 0 calc(var(--Spacing-x2) * -1) calc(var(--Spacing-x9) * -1)
calc(var(--Spacing-x2) * -1);
padding-bottom: var(--Spacing-x9);
position: relative;
background-color: var(--Scandic-Opacity-White-100);
}
.columnHeaderContainer {
@@ -33,7 +35,8 @@
display: flex;
flex-direction: column;
gap: var(--Spacing-x2);
padding: var(--Spacing-x2);
padding: var(--Spacing-x4) var(--Spacing-x2);
justify-content: flex-end;
}
.icon {
@@ -71,9 +74,7 @@
}
.columns {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
margin: 0 calc(var(--Spacing-x2) * -1);
display: block;
}
}