fix: cloud responsive fixes

prose-im · Nov 25, 2024 · 6b6b408 · 6b6b408
1 parent 7a5845a
commit 6b6b408
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 3 deletions.
diff --git a/src/components/section/cloud/SectionCloudSigninAuthenticate.vue b/src/components/section/cloud/SectionCloudSigninAuthenticate.vue
@@ -316,7 +316,7 @@ $c: ".c-section-cloud-signin-authenticate";
 #{$c} {
   #{$c}__form {
     max-width: 460px;
-    margin: 100px auto 0;
+    margin: 100px auto 54px;
   }
 
   #{$c}__notice,

diff --git a/src/components/section/cloud/SectionCloudSignupForm.vue b/src/components/section/cloud/SectionCloudSignupForm.vue
@@ -206,7 +206,7 @@ $c: ".c-section-cloud-signup-form";
   #{$c}__aside,
   #{$c}__fieldset {
     padding-top: 70px;
-    padding-bottom: 40px;
+    padding-bottom: 60px;
   }
 
   #{$c}__inner {

diff --git a/src/layouts/embedding.vue b/src/layouts/embedding.vue
@@ -42,7 +42,7 @@ $c: ".l-embedding";
 
   #{$c}__content {
     display: flex;
-    overflow: hidden;
+    overflow: auto;
 
     &,
     > * {

diff --git a/src/pages/cloud/signup.vue b/src/pages/cloud/signup.vue
@@ -145,4 +145,14 @@ $c: ".p-cloud-signup";
     z-index: 1;
   }
 }
+
+// --> MEDIA-QUERIES <--
+
+@media (max-width: $screen-tiny-width-breakpoint) {
+  #{$c} {
+    #{$c}__progress {
+      display: none;
+    }
+  }
+}
 </style>