Merge pull request ubiquity#310 from CaptainPrinz/scroll-issue

Scroll issue
pbkompasz · Sep 21, 2024 · a7e0e88 · a7e0e88
2 parents 39408cb + a139958
commit a7e0e88
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 5 deletions.
diff --git a/static/styles/rewards/media-queries.css b/static/styles/rewards/media-queries.css
@@ -31,8 +31,8 @@ header span:first-child::after {
 /* Landscape */
 @media screen and (orientation: landscape) {
   body {
-    width: 100vw; /* 100% of viewport width */
-    max-width: 100vw; /* prevents any overflow issues */
+    width: 100%; /* 100% of viewport width */
+    max-width: 100%; /* prevents any overflow issues */
     overflow-x: hidden; /* prevents horizontal scrolling */
     padding-left: env(safe-area-inset-left);
     padding-right: env(safe-area-inset-right);

diff --git a/static/styles/rewards/pay.css b/static/styles/rewards/pay.css
@@ -20,6 +20,18 @@
   font-weight: 400;
   text-transform: uppercase;
   letter-spacing: 2px;
+  box-sizing: border-box;
+}
+
+html {
+  display:block;
+  width: 100%;
+  height: 100%;
+}
+
+body, main {
+  width: 100%;
+  height: 100%;
 }
 
 a {
@@ -29,19 +41,20 @@ a {
 body {
   /* min-height: 100vh; */
   /* height: calc(100 * var(--vh)); */
+  overflow: hidden;
 }
 
 body,
 main {
-  max-width: 100vw;
+  max-width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 
 main {
-  width: 100vw;
+  width: 100%;
   position: relative;
 }
 
@@ -135,7 +148,7 @@ header a:hover #logo {
 main {
   display: flex;
   flex-direction: column;
-  height: 100vh; /* adjust this according to your needs */
+  height: 100%; /* adjust this according to your needs */
 }
 
 header {