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/UpcomingStays/upcoming.module.css
+++ b/components/MyPages/Blocks/UpcomingStays/upcoming.module.css
@@ -0,0 +1,30 @@
+.container {
+  display: grid;
+  gap: 2.2rem;
+  margin-right: -2rem;
+  max-width: var(--max-width);
+  overflow: hidden;
+}
+
+.stays {
+  display: flex;
+  gap: 2rem;
+  overflow-x: auto;
+  padding-right: 2rem;
+
+  /* Hide scrollbar IE and Edge */
+  -ms-overflow-style: none;
+  /* Hide Scrollbar Firefox */
+  scrollbar-width: none;
+}
+
+/* Hide Scrollbar Chrome, Safari and Opera */
+.stays::-webkit-scrollbar {
+  display: none;
+}
+
+@media screen and (min-width: 950px) {
+  .container {
+    margin-right: 0;
+  }
+}