chore: adjust height

PolkaGate · Nov 15, 2024 · 16549ba · 16549ba
1 parent 1735b0d
commit 16549ba
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/extension-polkagate/src/fullscreen/homeFullScreen/components/ChainList.tsx b/packages/extension-polkagate/src/fullscreen/homeFullScreen/components/ChainList.tsx
@@ -137,7 +137,7 @@ function ChainList ({ anchorEl }: Props): React.ReactElement {
   }, [updateSavedAssetsInStorage]);
 
   return (
-    <Grid container item sx={{ maxHeight: '650px', overflow: 'hidden', overflowY: 'scroll', transition: 'height 5000ms ease-in-out', width: '280px' }}>
+    <Grid container item sx={{ maxHeight: 'calc(100vh - 100px)', overflow: 'hidden', overflowY: 'scroll', transition: 'height 5000ms ease-in-out', width: '280px' }}>
       <Grid container item justifyContent='space-between' px='10px'>
         <Typography fontSize='16px' fontWeight={500} py='10px' textAlign='center' width='100%'>
           {t('Select chains to view assets on')}

diff --git a/packages/extension-polkagate/src/fullscreen/homeFullScreen/components/CurrencySwitch.tsx b/packages/extension-polkagate/src/fullscreen/homeFullScreen/components/CurrencySwitch.tsx
@@ -68,7 +68,7 @@ function CurrencySwitch ({ anchorEl, setAnchorEl, setCurrencyToShow }: Props): R
   }, []);
 
   return (
-    <Grid container item sx={{ maxHeight: window.innerHeight - 100, overflow: 'hidden', overflowY: 'scroll', transition: 'height 5000ms ease-in-out', width: '230px' }}>
+    <Grid container item sx={{ maxHeight: 'calc(100vh - 100px)', overflow: 'hidden', overflowY: 'scroll', transition: 'height 5000ms ease-in-out', width: '230px' }}>
       {[...CURRENCY_LIST.slice(0, DEFAULT_CURRENCIES_TO_SHOW)].map((item, index) => (
         <CurrencyItem
           currency={item}