feat(SW-66, SW-348): search functionality and ui

2024-08-28 10:47:57 +02:00
parent b9dbcf7d90
commit af850c90e7
437 changed files with 7663 additions and 9881 deletions
--- a/components/Blocks/DynamicContent/SectionWrapper/sectionWrapper.module.css
+++ b/components/Blocks/DynamicContent/SectionWrapper/sectionWrapper.module.css
@@ -0,0 +1,30 @@
+.container {
+  /* 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: 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 {
+  color: var(--Base-Text-High-contrast);
+  font-size: var(--typography-Body-Regular-fontSize);
+  line-height: var(--typography-Body-Regular-lineHeight);
+  margin: 0;
+}
+
+@media screen and (min-width: 950px) {
+  .header {
+    width: 800px;
+  }
+}