feat(WEB-128): desktop and mobile initial wireframe implemented

2024-03-18 17:24:17 +01:00
parent fd6c49ac7c
commit b173c2fb11
44 changed files with 957 additions and 19 deletions
--- a/components/MyPages/Blocks/Overview/overview.module.css
+++ b/components/MyPages/Blocks/Overview/overview.module.css
@@ -0,0 +1,34 @@
+.overview {
+  display: none;
+}
+
+.overviewMobile {
+  background-color: var(--some-grey-color, #f2f2f2);
+  left: 50%;
+  margin-left: -50vw;
+  margin-right: -50vw;
+  padding: 3.5rem 2rem 2rem;
+  position: relative;
+  right: 50%;
+  width: 100dvw;
+}
+
+@media screen and (min-width: 950px) {
+  .overview {
+    background-color: var(--some-grey-color, #f2f2f2);
+    border-radius: 0.8rem;
+    display: block;
+    height: 35rem;
+    left: unset;
+    margin-left: unset;
+    margin-right: unset;
+    max-width: var(--max-width);
+    position: static;
+    right: unset;
+    width: 100%;
+  }
+
+  .overviewMobile {
+    display: none;
+  }
+}