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

16
components/Loyalty/Blocks/DynamicContent/dynamicContent.module.css
View File

@@ -1,13 +1,19 @@
.container {
/* These negative margins are needed for horizontally scrollable lists of cards */
margin-right: calc(0px - var(--Spacing-x2));
/* These negative margins are needed for getting the right background color for mobile loyalty table overview */
margin: 0 calc(0px - var(--Spacing-x2)) calc(0px - var(--Spacing-x9))
calc(0px - var(--Spacing-x2));
overflow-x: hidden;
padding-right: var(--Spacing-x2);
padding: 0 var(--Spacing-x2) var(--Spacing-x9) var(--Spacing-x2);
}
.header {
display: grid;
gap: var(--Spacing-x1);
padding-bottom: var(--Spacing-x2);
}
.tableTitle {
text-wrap: balance;
}
.preamble {
@@ -22,4 +28,8 @@
margin-right: var(--Spacing-x0);
margin-left: var(--Spacing-x0);
}
.header {
width: 800px;
}
}