aboutsummaryrefslogtreecommitdiffstats
path: root/packages/instant
diff options
context:
space:
mode:
authorfragosti <francesco.agosti93@gmail.com>2018-11-14 10:04:44 +0800
committerfragosti <francesco.agosti93@gmail.com>2018-11-14 10:04:44 +0800
commit1a1caa1ca21f3e86985bb18be233c3efcade52d1 (patch)
tree361644c732e3a3fa92e96634afaeb99e52ee472d /packages/instant
parentfe1746c7ac90efada77cb204414d2fca377f8a65 (diff)
downloaddexon-sol-tools-1a1caa1ca21f3e86985bb18be233c3efcade52d1.tar.gz
dexon-sol-tools-1a1caa1ca21f3e86985bb18be233c3efcade52d1.tar.zst
dexon-sol-tools-1a1caa1ca21f3e86985bb18be233c3efcade52d1.zip
feat: center title label with circle
Diffstat (limited to 'packages/instant')
-rw-r--r--packages/instant/src/components/payment_method.tsx6
1 files changed, 3 insertions, 3 deletions
diff --git a/packages/instant/src/components/payment_method.tsx b/packages/instant/src/components/payment_method.tsx
index 0897045ce..f9d02ec5b 100644
--- a/packages/instant/src/components/payment_method.tsx
+++ b/packages/instant/src/components/payment_method.tsx
@@ -38,7 +38,7 @@ export class PaymentMethod extends React.Component<PaymentMethodProps> {
>
{this._renderTitleText()}
</Text>
- <Flex>{this._renderTitleLabel()}</Flex>
+ {this._renderTitleLabel()}
</Flex>
</Container>
{this._renderMainContent()}
@@ -62,14 +62,14 @@ export class PaymentMethod extends React.Component<PaymentMethodProps> {
if (account.state === AccountState.Ready || account.state === AccountState.Locked) {
const circleColor: ColorOption = account.state === AccountState.Ready ? ColorOption.green : ColorOption.red;
return (
- <React.Fragment>
+ <Flex>
<Circle diameter={8} color={circleColor} />
<Container marginLeft="3px">
<Text fontColor={ColorOption.darkGrey} fontSize="12px">
{this.props.walletName}
</Text>
</Container>
- </React.Fragment>
+ </Flex>
);
}
return null;