styling, scroll issue

proofcarryingdata · Nov 8, 2024 · 1425066 · 1425066
1 parent 67dcfe7
commit 1425066
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/apps/passport-server/resources/one-click-page/index.html b/apps/passport-server/resources/one-click-page/index.html
@@ -31,11 +31,15 @@
     --frogcrypto: #17A34A;
     --core-accent: #01685C;
     --max-width: 460px;
-    overflow: hidden;
-    height: 100dvh;
     background-color: #ECECEC;
   }
 
+  body {
+    margin: 0;
+    display: flex;
+    justify-content: center;
+  }
+
   .zupass-link {
     display: block;
     text-align: center;
@@ -77,16 +81,12 @@
     flex-direction: column;
     max-width: var(--max-width);
     align-items: center;
-    max-height: calc(100vh - 72px);
-    max-height: calc(100dvh - 72px);
     position: relative;
-    overflow: scroll;
-
+    overflow-y: auto;
+    overflow-x: hidden;
     padding: 25px 20px 25px 20px;
     -ms-overflow-style: none;
-    /* Internet Explorer 10+ */
     scrollbar-width: none;
-    /* Firefox */
   }
 
   .container::-webkit-scrollbar {
@@ -468,7 +468,7 @@
   <main class="container" ontouchstart>
     <a href="#" onclick="redirectToZupass()" class="zupass-link">View full page in Zupass</a>
     <div class="header">
-      <span class="header__title">{{eventName}}</span>
+      <span class="header__title">WELCOME TO {{eventName}}</span>
       <div class="ticket__subtitle--container">
         <span class="header__subtitle">{{eventLocation}}</span>
         <span class="header__subtitle">·</span>