diff --git a/wallet/src/ui/app/components/transactions-card/TransactionsCard.module.scss b/wallet/src/ui/app/components/transactions-card/TransactionsCard.module.scss index 6938035151c1d..da95d900eace9 100644 --- a/wallet/src/ui/app/components/transactions-card/TransactionsCard.module.scss +++ b/wallet/src/ui/app/components/transactions-card/TransactionsCard.module.scss @@ -57,12 +57,14 @@ display: flex; flex-flow: column; text-align: end; + justify-content: center; .tx-amount { @include utils.typography('table/text-sm'); color: colors.$gray-100; text-align: right; + line-height: 120%; } .tx-image { diff --git a/wallet/src/ui/app/pages/home/nfts/NFTPage.module.scss b/wallet/src/ui/app/pages/home/nfts/NFTPage.module.scss index 2a41c86602719..c770f59dc8efb 100644 --- a/wallet/src/ui/app/pages/home/nfts/NFTPage.module.scss +++ b/wallet/src/ui/app/pages/home/nfts/NFTPage.module.scss @@ -7,7 +7,7 @@ margin-left: -25px; margin-right: -25px; height: 450px; - overflow-y: scroll; + overflow-y: auto; .nft-gallery { display: grid; diff --git a/wallet/src/ui/app/pages/home/tokens/icon-link/IconLink.module.scss b/wallet/src/ui/app/pages/home/tokens/icon-link/IconLink.module.scss index 85c67a6e307f7..51390495ea525 100644 --- a/wallet/src/ui/app/pages/home/tokens/icon-link/IconLink.module.scss +++ b/wallet/src/ui/app/pages/home/tokens/icon-link/IconLink.module.scss @@ -55,7 +55,7 @@ align-items: center; justify-content: center; color: colors.$cta-blue; - padding: 10px; + padding: 5px; font-size: 16px; } diff --git a/wallet/src/ui/app/pages/home/transactions/Transactions.module.scss b/wallet/src/ui/app/pages/home/transactions/Transactions.module.scss index b9f08ae76e032..4d041a320a581 100644 --- a/wallet/src/ui/app/pages/home/transactions/Transactions.module.scss +++ b/wallet/src/ui/app/pages/home/transactions/Transactions.module.scss @@ -17,6 +17,6 @@ margin-left: -25px; margin-right: -25px; height: 450px; - overflow-y: scroll; + overflow-y: auto; } } diff --git a/wallet/src/ui/app/pages/home/transfer-coin/TransferCoinForm/StepOne.tsx b/wallet/src/ui/app/pages/home/transfer-coin/TransferCoinForm/StepOne.tsx index f2b53fa2747ee..cf01321d95031 100644 --- a/wallet/src/ui/app/pages/home/transfer-coin/TransferCoinForm/StepOne.tsx +++ b/wallet/src/ui/app/pages/home/transfer-coin/TransferCoinForm/StepOne.tsx @@ -5,10 +5,7 @@ import cl from 'classnames'; import { ErrorMessage, Field, Form, useFormikContext } from 'formik'; import { useEffect, useRef, memo } from 'react'; -import BottomMenuLayout, { - Content, - Menu, -} from '_app/shared/bottom-menu-layout'; +import { Content, Menu } from '_app/shared/bottom-menu-layout'; import Button from '_app/shared/button'; import ActiveCoinsCard from '_components/active-coins-card'; import Icon, { SuiIcons } from '_components/icon'; @@ -49,45 +46,43 @@ function StepOne({ autoComplete="off" noValidate={true} > - - -
- - + +
+ + - +
+
+ +
+
+ +
+
-
- -
- - -
- -
-
- + +
+ ); } diff --git a/wallet/src/ui/app/pages/home/transfer-coin/TransferCoinForm/StepTwo.tsx b/wallet/src/ui/app/pages/home/transfer-coin/TransferCoinForm/StepTwo.tsx index cfcaf43969e6f..c482d350c343b 100644 --- a/wallet/src/ui/app/pages/home/transfer-coin/TransferCoinForm/StepTwo.tsx +++ b/wallet/src/ui/app/pages/home/transfer-coin/TransferCoinForm/StepTwo.tsx @@ -6,10 +6,7 @@ import { Field, Form, useFormikContext } from 'formik'; import { useEffect, useRef, memo } from 'react'; import { useIntl } from 'react-intl'; -import BottomMenuLayout, { - Content, - Menu, -} from '_app/shared/bottom-menu-layout'; +import { Content, Menu } from '_app/shared/bottom-menu-layout'; import Button from '_app/shared/button'; import AddressInput from '_components/address-input'; import Icon, { SuiIcons } from '_components/icon'; @@ -57,78 +54,69 @@ function StepTwo({ return (
- - -
- Enter or search the address of the recepient below to - start sending coins. + +
+ Enter or search the address of the recepient below to start + sending coins. +
+
+ +
+ + {submitError ? ( +
{submitError}
+ ) : null} + +
+
+ {intl.formatNumber( + BigInt(amount || 0), + balanceFormatOptions + )}{' '} + {coinSymbol}
-
- -
- - {submitError ? ( -
{submitError}
- ) : null} - -
-
- {intl.formatNumber( - BigInt(amount || 0), - balanceFormatOptions - )}{' '} - {coinSymbol} -
-
-
-
Gas Fee
-
- {DEFAULT_GAS_BUDGET_FOR_TRANSFER}{' '} - {coinSymbol} -
+
+
+
Gas Fee
+
+ {DEFAULT_GAS_BUDGET_FOR_TRANSFER} {coinSymbol}
+
-
-
- Total Amount -
-
- {intl.formatNumber( - BigInt(totalAmount || 0), - balanceFormatOptions - )}{' '} - {coinSymbol} -
+
+
Total Amount
+
+ {intl.formatNumber( + BigInt(totalAmount || 0), + balanceFormatOptions + )}{' '} + {coinSymbol}
- - -
- -
-
- +
+ + +
+ +
+
); } diff --git a/wallet/src/ui/app/pages/home/transfer-coin/TransferCoinPage.module.scss b/wallet/src/ui/app/pages/home/transfer-coin/TransferCoinPage.module.scss index ab2114485446c..a7fc1a9339958 100644 --- a/wallet/src/ui/app/pages/home/transfer-coin/TransferCoinPage.module.scss +++ b/wallet/src/ui/app/pages/home/transfer-coin/TransferCoinPage.module.scss @@ -32,4 +32,13 @@ background-color: colors.$sui-steel-blue; } } + + .content { + padding-left: 25px; + padding-right: 25px; + margin-left: -25px; + margin-right: -25px; + overflow-y: auto; + height: 100%; + } } diff --git a/wallet/src/ui/app/pages/home/transfer-coin/index.tsx b/wallet/src/ui/app/pages/home/transfer-coin/index.tsx index 1621e9ce946ca..55e847ad0ffc1 100644 --- a/wallet/src/ui/app/pages/home/transfer-coin/index.tsx +++ b/wallet/src/ui/app/pages/home/transfer-coin/index.tsx @@ -200,7 +200,7 @@ function TransferCoinPage() { {...(currentStep > 1 && { onClick: handleBackStep })} /> - +