fix mobile version

ergoplatform · Mar 21, 2024 · ec14ee4 · ec14ee4
1 parent 8084c82
commit ec14ee4
Showing 1 changed file with 12 additions and 12 deletions.
diff --git a/src/components/BankInfo/BankInfo.tsx b/src/components/BankInfo/BankInfo.tsx
@@ -27,9 +27,13 @@ const BankInfo = () => {
 
   return (
     <Box borderRadius={'xl'} padding={4}>
-      <Flex.Item justify="space-between" marginBottom={valBySize(1, 2)}>
+      <Flex
+        justify="space-between"
+        style={{ marginBottom: valBySize('8px') }}
+        direction={valBySize('col', 'row')}
+      >
         <Typography.Link
-          style={{ fontSize: valBySize('12px', '14px', '16px') }}
+          style={{ fontSize: valBySize('14px', '16px') }}
           href={applicationConfig.dexyOraclePool}
           target="_blank"
         >
@@ -39,18 +43,16 @@ const BankInfo = () => {
           </Flex>
         </Typography.Link>
         <div>
-          <Typography.Body
-            style={{ fontSize: valBySize('12px', '14px', '16px') }}
-          >
+          <Typography.Body style={{ fontSize: valBySize('14px', '16px') }}>
             1 DexyGOLD = {new Currency(mint.oracleRate(), ergAsset).toString()}{' '}
             ERG
           </Typography.Body>
         </div>
-      </Flex.Item>
-      <Flex.Item justify="space-between">
+      </Flex>
+      <Flex justify="space-between" direction={valBySize('col', 'row')}>
         <div>
           <Typography.Link
-            style={{ fontSize: valBySize('12px', '14px', '16px') }}
+            style={{ fontSize: valBySize('14px', '16px') }}
             href={applicationConfig.dexyTradeLink}
             target="_blank"
           >
@@ -61,13 +63,11 @@ const BankInfo = () => {
           </Typography.Link>
         </div>
         <div>
-          <Typography.Body
-            style={{ fontSize: valBySize('12px', '14px', '16px') }}
-          >
+          <Typography.Body style={{ fontSize: valBySize('14px', '16px') }}>
             1 DexyGOLD = {new Currency(mint.lpRate(), ergAsset).toString()} ERG
           </Typography.Body>
         </div>
-      </Flex.Item>
+      </Flex>
     </Box>
   );
 };