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 @@
- 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} |
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 @@
- Transaction ID |
+ Transaction ID: |
{evmTransactResult?.hash} |