fix mobile action button

spectrum-finance · Oct 30, 2023 · 4cd4f67 · 4cd4f67
1 parent 02379bd
commit 4cd4f67
Showing 1 changed file with 15 additions and 13 deletions.
diff --git a/src/pages/Liquidity/common/columns/PoolsOrPositionsColumns/columns/ActionsColumn.tsx b/src/pages/Liquidity/common/columns/PoolsOrPositionsColumns/columns/ActionsColumn.tsx
@@ -61,19 +61,21 @@ export const ActionsColumn: FC<ActionsColumnProps> = ({ ammPool }) => {
 
   return (
     <Flex>
-      <Flex.Item marginRight={2}>
-        <Button
-          icon={s && <PlusOutlined />}
-          onClick={(event) => {
-            event.stopPropagation();
-            navigate(
-              `../../swap?base=${ammPool.x.asset.id}&quote=${ammPool.y.asset.id}&initialPoolId=${ammPool.id}`,
-            );
-          }}
-        >
-          {moreThan('l') && <Trans>Swap</Trans>}
-        </Button>
-      </Flex.Item>
+      {moreThan('m') && (
+        <Flex.Item marginRight={2}>
+          <Button
+            icon={s && <PlusOutlined />}
+            onClick={(event) => {
+              event.stopPropagation();
+              navigate(
+                `../../swap?base=${ammPool.x.asset.id}&quote=${ammPool.y.asset.id}&initialPoolId=${ammPool.id}`,
+              );
+            }}
+          >
+            {moreThan('l') && <Trans>Swap</Trans>}
+          </Button>
+        </Flex.Item>
+      )}
       <Flex.Item>
         <Button
           icon={s && <PlusOutlined />}