diff --git a/web/cashtab/src/components/App.js b/web/cashtab/src/components/App.js --- a/web/cashtab/src/components/App.js +++ b/web/cashtab/src/components/App.js @@ -1,6 +1,7 @@ import React, { useState, useEffect } from 'react'; import 'antd/dist/antd.less'; -import { Modal, Spin } from 'antd'; +import { Modal, Spin, Typography } from 'antd'; +const { Title } = Typography; import { CashLoadingIcon } from '@components/Common/CustomIcons'; import '../index.css'; import styled, { ThemeProvider, createGlobalStyle } from 'styled-components'; @@ -216,6 +217,12 @@ } `; +// styling for the domain migration popup +export const MigrationMsg = styled.div` + font-size: 18px; + color: #273498; +`; + const App = () => { const ContextValue = React.useContext(WalletContext); const { wallet, loading } = ContextValue; @@ -244,28 +251,34 @@ `Loaded URL ${currentUrl} does not match app URL ${currency.appUrl}!`, ); Modal.warning({ - title: 'Cashtab is moving!', + title: ( + + <MigrationMsg>Cashtab is moving!</MigrationMsg> + + ), content: ( -
-

- Cashtab is moving to a new home at{' '} - - Cashtab.com - -

-

- Please write down your wallet 12-word seed and - import it at the new domain. -

-

- At the end of the month, cashtabapp.com will - auto-fwd to cashtab.com after one minute. -

-
+ +
+

+ Cashtab is moving to a new home at{' '} + + Cashtab.com + +

+

+ Please write down your wallet 12-word seed and + import it at the new domain. +

+

+ At the end of the month, cashtabapp.com will + auto-fwd to cashtab.com after one minute. +

+
+
), }); }