feat: add new design for join scandic friends checkbox

2024-11-15 16:31:11 +01:00
parent b91085d2e7
commit 117cbcd20d
16 changed files with 189 additions and 65 deletions
@@ -0,0 +1,30 @@
+.cardContainer {
+  align-self: flex-start;
+  background-color: var(--Base-Surface-Primary-light-Normal);
+  border: 1px solid var(--Base-Border-Subtle);
+  border-radius: var(--Corner-radius-Large);
+  display: grid;
+  cursor: pointer;
+  gap: var(--Spacing-x2);
+  padding: var(--Spacing-x-one-and-half) var(--Spacing-x2);
+  width: min(100%, 600px);
+}
+
+.header {
+  display: grid;
+  gap: var(--Spacing-x-one-and-half);
+  grid-template-columns: auto 1fr auto;
+}
+
+.checkBox {
+  align-self: center;
+}
+
+.list {
+  display: flex;
+  gap: var(--Spacing-x1);
+}
+
+.listItem {
+  display: flex;
+}