feat(WEB-162): final design for my profile page

2024-06-07 10:36:23 +02:00
parent a7b04df7b6
commit 5f3e417593
96 changed files with 802 additions and 494 deletions
--- a/app/[lang]/(live)/(protected)/my-pages/profile/@profile/page.module.css
+++ b/app/[lang]/(live)/(protected)/my-pages/profile/@profile/page.module.css
@@ -0,0 +1,36 @@
+.container {
+  background-color: var(--Scandic-Brand-Warm-White);
+  border-radius: var(--Corner-radius-Large);
+  display: grid;
+  gap: var(--Spacing-x3);
+  padding: var(--Spacing-x3);
+}
+
+.header {
+  align-items: center;
+  display: flex;
+  gap: var(--Spacing-x2);
+  justify-content: space-between;
+}
+
+button.btn {
+  border: 1px solid var(--Base-Border-Subtle);
+}
+
+.profile {
+  display: flex;
+  gap: var(--Spacing-x2);
+  justify-content: space-between;
+}
+
+.info {
+  display: grid;
+  gap: var(--Spacing-x-one-and-half) var(--Spacing-x7);
+  grid-template-columns: auto auto;
+}
+
+.item {
+  display: grid;
+  gap: var(--Spacing-x1);
+  grid-template-columns: auto auto 1fr;
+}