diff --git a/src/components/settings-modal/crypto-wallets-setting/crypto-wallets-setting.module.css b/src/components/settings-modal/crypto-wallets-setting/crypto-wallets-setting.module.css index 62011551..0b7268e9 100644 --- a/src/components/settings-modal/crypto-wallets-setting/crypto-wallets-setting.module.css +++ b/src/components/settings-modal/crypto-wallets-setting/crypto-wallets-setting.module.css @@ -21,6 +21,35 @@ .walletField { margin-top: 5px; margin-left: 5px; + position: relative; +} + +.timestampfield { + margin-left: 10px; +} + +.walletField[class*='step']::before { + margin-left: -5px; +} + +.walletField.step1::before { + content: '1. '; +} + +.walletField.step2::before { + content: '2. '; +} + +.walletField.step3::before { + content: '3. '; +} + +.walletField.step4::before { + content: '4. '; +} + +.save.step5::before { + content: '5. '; } .walletField input { @@ -61,4 +90,13 @@ .toggleWallet { margin-right: 7px; +} + +.deleteWalletContainer { + margin-top: 20px; + margin-left: 5px; +} + +.removeWallet { + color: red; } \ No newline at end of file diff --git a/src/components/settings-modal/crypto-wallets-setting/crypto-wallets-setting.tsx b/src/components/settings-modal/crypto-wallets-setting/crypto-wallets-setting.tsx index 53888d5b..3fa2a48f 100644 --- a/src/components/settings-modal/crypto-wallets-setting/crypto-wallets-setting.tsx +++ b/src/components/settings-modal/crypto-wallets-setting/crypto-wallets-setting.tsx @@ -101,7 +101,7 @@ const CryptoWalletsForm = ({ account }: { account: Account | undefined }) => { const walletsInputs = walletsArray.length > 0 ? (
-
+
{_.capitalize(t('chain_ticker'))}: { placeholder='eth/sol/avax' />
-
+
{_.capitalize(t('wallet_address'))}: { placeholder='0x...' />
-
+
{
- {_.capitalize(t('timestamp'))}: + {_.capitalize(t('timestamp'))}: setWalletsArrayProperty(selectedWallet, 'timestamp', Number(e.target.value))} @@ -141,7 +141,7 @@ const CryptoWalletsForm = ({ account }: { account: Account | undefined }) => { placeholder='Timestamp' />
-
+
{_.capitalize(t('paste_signature'))}: { -
+
+ +
) : null;