fix: cashier page height in iphone

binary-com · Aug 22, 2023 · 01a711a · 01a711a
1 parent 6ad6607
commit 01a711a
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/.stylelintrc.js b/.stylelintrc.js
@@ -36,7 +36,7 @@ module.exports = {
         'shorthand-property-no-redundant-values': true,
         'string-no-newline': true,
         'time-min-milliseconds': 100,
-        'unit-allowed-list': ['fr', 'px', 'em', 'rem', '%', 'vw', 'vh', 'deg', 'ms', 's', 'dpcm'],
+        'unit-allowed-list': ['fr', 'px', 'em', 'rem', '%', 'svh', 'vw', 'vh', 'deg', 'ms', 's', 'dpcm'],
         'value-keyword-case': 'lower',
     },
     extends: [

diff --git a/packages/cashier/src/components/page-container/page-container.tsx b/packages/cashier/src/components/page-container/page-container.tsx
@@ -23,7 +23,7 @@ const PageContainer: React.FC<React.PropsWithChildren<TProps>> = observer(
                 {!is_loading && (
                     <div className='page-container__content'>
                         {!is_mobile && left && <div className='page-container__sidebar--left'>{left}</div>}
-                        <ThemedScrollbars className='page-container__main'>
+                        <ThemedScrollbars className='page-container__main' height='calc(100svh - 4rem)'>
                             {!hide_breadcrumb && <CashierBreadcrumb />}
                             {is_mobile && left && <div className='page-container__sidebar--left'>{left}</div>}
                             {children}