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/app/[lang]/(live)/(protected)/my-pages/layout.module.css
+++ b/app/[lang]/(live)/(protected)/my-pages/layout.module.css
@@ -0,0 +1,31 @@
+.page {
+  --max-width: 101.4rem;
+
+  display: grid;
+  font-family: var(--ff-fira-sans);
+  grid-template-rows: auto 1fr;
+  min-height: 100dvh;
+}
+
+.content {
+  display: grid;
+  padding: 0 0 17.5rem;
+  padding-bottom: 2.4rem;
+  padding-left: 0;
+  padding-right: 0;
+  padding-top: 0;
+}
+
+@media screen and (min-width: 950px) {
+  .page {
+    gap: 4.4rem;
+  }
+
+  .content {
+    gap: 10rem;
+    grid-template-columns: 25rem 1fr;
+    padding-bottom: 17.5rem;
+    padding-left: 2.4rem;
+    padding-right: 2.4rem;
+  }
+}