Merge pull request #103 from bnb-chain/meson/otherChains

fix: Fix route scroll issue on mobile

packages/canonical-bridge-widget/src/core/locales/en.ts

@@ -76,6 +76,9 @@ export const en = {
   'modal.submit.button.view-tx': 'View Transaction',
   'modal.submit.button.close': 'Make Another Transaction',
 
+  'modal.confirm.title': 'Waiting for Confirmation',
+  'modal.confirm.desc': 'Confirm this transaction in your wallet',
+
   'select-modal.tag.incompatible': 'Incompatible',
   'select-modal.search.no-result.title': 'No result found',
   'select-modal.search.no-result.warning':

packages/canonical-bridge-widget/src/modules/transfer/components/Modal/TransactionConfirmingModal/index.tsx

@@ -1,13 +1,17 @@
+import { useIntl } from '@bnb-chain/space';
+
 import { StateModal, StateModalProps } from '@/core/components/StateModal';
 
 export function TransactionConfirmingModal(props: Omit<StateModalProps, 'title'>) {
   const { ...restProps } = props;
 
+  const { formatMessage } = useIntl();
+
   return (
     <StateModal
       type="confirming"
-      title="Waiting For Confirmation"
-      description={'Confirm this transaction in your wallet'}
+      title={formatMessage({ id: 'modal.confirm.title' })}
+      description={formatMessage({ id: 'modal.confirm.desc' })}
       closeButton={<></>}
       bodyProps={{
         pb: 0,

packages/canonical-bridge-widget/src/modules/transfer/components/TransferOverview/modal/RoutesModal.tsx

@@ -20,9 +20,9 @@ export function RoutesModal(props: RoutesModalProps) {
       <ModalContent
         background={theme.colors[colorMode].background.modal}
         p={0}
-        h={['auto', 'auto', '665px']}
+        h={['100vh', '100vh', '665px']}
         w={['100%', '100%', '558px']}
-        overflow="hidden"
+        overflow={['auto', 'auto', 'auto', 'hidden']}
         margin={0}
       >
         <Flex