[WALL] farrah/WALL-4530/fixed iframe height in withdrawal (deriv-com#…

…16042) * fix: iframe height * fix: spacing
kate-deriv · Aug 12, 2024 · 36effdb · 36effdb
1 parent cd2f7b7
commit 36effdb
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/packages/cashier/src/components/cashier-container/real/real.scss b/packages/cashier/src/components/cashier-container/real/real.scss
@@ -3,4 +3,20 @@
         width: 100%;
         height: 80vh;
     }
+
+    &__iframe {
+        @include mobile {
+            position: absolute;
+            height: calc(100% - 3.2rem);
+            inset-inline-end: 0;
+            padding: 0 1.6rem;
+
+            + .page-container__sidebar--right {
+                position: relative;
+                top: calc(100% + 1.6rem);
+                padding-bottom: 1.6rem;
+                flex: none;
+            }
+        }
+    }
 }
diff --git a/packages/cashier/src/components/cashier-container/real/real.tsx b/packages/cashier/src/components/cashier-container/real/real.tsx
@@ -29,7 +29,7 @@ const Real = observer(() => {
             {should_show_loader && <Loading className='real__loader' />}
             {iframe_url && (
                 <iframe
-                    className='cashier__content'
+                    className='cashier__content real__iframe'
                     height={iframe_height}
                     src={`${iframe_url}&DarkMode=${is_dark_mode_on ? 'on' : 'off'}`}
                     frameBorder='0'