feat(WEB-167): update my pages layout to MVP wireframes

2024-04-03 10:48:52 +02:00
parent b78998ad21
commit 8f87d6368c
37 changed files with 467 additions and 398 deletions
--- a/components/MyPages/Blocks/Overview/Stats/Progress/progress.module.css
+++ b/components/MyPages/Blocks/Overview/Stats/Progress/progress.module.css
@@ -0,0 +1,62 @@
+.header :first-child {
+  display: none;
+}
+
+.divider {
+  display: none;
+}
+
+.container {
+  align-items: baseline;
+  display: flex;
+  gap: 0.7rem;
+}
+
+.nextLevel {
+  color: var(--some-black-color, #000);
+  /* font-family: var(--ff-brandon-text); */
+  font-size: 1.2rem;
+  font-weight: 400;
+  letter-spacing: 0.6%;
+  margin: 0;
+}
+
+.target {
+  color: var(--some-black-color, #000);
+  /* font-family: var(--ff-biro-script-plus); */
+  font-size: 1.8rem;
+  font-weight: 400;
+  letter-spacing: 4%;
+  margin: 0;
+}
+
+@media screen and (max-width: 950px) {
+  .progress {
+    display: grid;
+    gap: 0.2rem;
+  }
+}
+
+@media screen and (min-width: 950px) {
+  .header :first-child {
+    display: block;
+  }
+
+  .header :nth-child(2n) {
+    display: none;
+  }
+
+  .divider {
+    display: block;
+    margin: 0.3rem 0 1.2rem;
+  }
+
+  .nextLevel {
+    display: none;
+  }
+
+  .target {
+    font-size: 1.8rem;
+    line-height: 3rem;
+  }
+}