diff --git a/src/pages/evm/swap/confirm.svelte b/src/pages/evm/swap/confirm.svelte index 72d62bab..5fb0f499 100644 --- a/src/pages/evm/swap/confirm.svelte +++ b/src/pages/evm/swap/confirm.svelte @@ -50,6 +50,22 @@ max-width: 300px; margin: auto; } + + /* Media Query for Mobile */ + @media screen and (max-width: 768px) { + padding: 1em; + + table { + tr { + flex-direction: column; + align-items: start; + } + } + + .bottom-section { + max-width: 100%; + } + } } @@ -61,11 +77,11 @@ - + - + diff --git a/src/pages/evm/swap/form.svelte b/src/pages/evm/swap/form.svelte index ca4cf1ff..94b42eb3 100644 --- a/src/pages/evm/swap/form.svelte +++ b/src/pages/evm/swap/form.svelte @@ -127,6 +127,17 @@ margin-bottom: 15px; } } + + /* Media Query for Mobile */ + @media screen and (max-width: 768px) { + flex-direction: column; + + .left-section, + .right-section { + width: 90%; /* Adjust width for mobile */ + margin: 3% auto; /* Centers the sections */ + } + } } .bottom-section { diff --git a/src/pages/evm/swap/success.svelte b/src/pages/evm/swap/success.svelte index f8d67404..1e101e8d 100644 --- a/src/pages/evm/swap/success.svelte +++ b/src/pages/evm/swap/success.svelte @@ -48,6 +48,41 @@ justify-content: center; gap: 1em; } + + /* Media Query for Mobile */ + @media screen and (max-width: 768px) { + padding: 1em; + + table { + width: 300px; + margin: auto; + + tr:first-child td { + border: none; + } + + tr { + display: flex; + flex-direction: column; + } + + tr td { + border: none; + word-wrap: break-word; + width: 300px; + } + + tr td:last-child { + padding-top: 0; + margin-bottom: 20px; + } + } + + .bottom-section { + flex-direction: column; + align-items: center; + } + } } @@ -61,7 +96,7 @@
From {from}From {from.name} {from?.name === 'EOS (EVM)' ? $evmAccount?.address : $activeSession?.auth.actor}
To {to}To {to.name} {from?.name === 'EOS' ? $evmAccount?.address : $activeSession?.auth.actor}
- +
Transaction IDTransaction ID: {evmTransactResult?.hash}