hamid/webrel-1108/refresh button style (binary-com#9777)

* fix: refresh button style * fix: refresh button style
kate-deriv · Aug 22, 2023 · f8d34f0 · f8d34f0
1 parent bc8882d
commit f8d34f0
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/...eposit-crypto/components/deposit-crypto-wallet-address/deposit-crypto-wallet-address.scss b/...eposit-crypto/components/deposit-crypto-wallet-address/deposit-crypto-wallet-address.scss
@@ -23,4 +23,12 @@
         border-radius: 0 $BORDER_RADIUS $BORDER_RADIUS 0;
         padding: 1rem;
     }
+
+    &__error {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        gap: 2.4rem;
+    }
 }
diff --git a/...deposit-crypto/components/deposit-crypto-wallet-address/deposit-crypto-wallet-address.tsx b/...deposit-crypto/components/deposit-crypto-wallet-address/deposit-crypto-wallet-address.tsx
@@ -16,15 +16,15 @@ const DepositCryptoWalletAddress: React.FC = observer(() => {
 
     if (error) {
         return (
-            <>
+            <div className='deposit-crypto-wallet-address__error'>
                 <InlineMessage
                     type='warning'
                     message={localize(
                         "Unfortunately, we couldn't get the address since our server was down. Please click Refresh to reload the address or try again later."
                     )}
                 />
                 <Button text={localize('Refresh')} onClick={() => resend()} secondary small />
-            </>
+            </div>
         );
     }