Changeset View
Changeset View
Standalone View
Standalone View
web/cashtab/extension/src/components/App.js
Show All 9 Lines | import { | ||||
AppstoreAddOutlined, | AppstoreAddOutlined, | ||||
} from '@ant-design/icons'; | } from '@ant-design/icons'; | ||||
import Wallet from '@components/Wallet/Wallet'; | import Wallet from '@components/Wallet/Wallet'; | ||||
import Tokens from '@components/Tokens/Tokens'; | import Tokens from '@components/Tokens/Tokens'; | ||||
import Send from '@components/Send/Send'; | import Send from '@components/Send/Send'; | ||||
import SendToken from '@components/Send/SendToken'; | import SendToken from '@components/Send/SendToken'; | ||||
import Configure from '@components/Configure/Configure'; | import Configure from '@components/Configure/Configure'; | ||||
import NotFound from '@components/NotFound'; | import NotFound from '@components/NotFound'; | ||||
import CashTab from '@assets/cashtab.png'; | import CashTab from '@assets/cashtab_xec.png'; | ||||
import PopOut from '@assets/popout.svg'; | import PopOut from '@assets/popout.svg'; | ||||
import './App.css'; | import './App.css'; | ||||
import { WalletContext } from '@utils/context'; | import { WalletContext } from '@utils/context'; | ||||
import WalletLabel from '@components/Common/WalletLabel.js'; | import WalletLabel from '@components/Common/WalletLabel.js'; | ||||
import { | import { | ||||
Route, | Route, | ||||
Redirect, | Redirect, | ||||
Switch, | Switch, | ||||
Show All 24 Lines | const GlobalStyle = createGlobalStyle` | ||||
.cashLoadingIcon { | .cashLoadingIcon { | ||||
color: ${props => props.theme.primary} !important | color: ${props => props.theme.primary} !important | ||||
font-size: 48px !important; | font-size: 48px !important; | ||||
} | } | ||||
.selectedCurrencyOption:hover { | .selectedCurrencyOption:hover { | ||||
color: ${props => props.theme.contrast} !important; | color: ${props => props.theme.contrast} !important; | ||||
background-color: ${props => props.theme.primary} !important; | background-color: ${props => props.theme.primary} !important; | ||||
} | } | ||||
#addrSwitch { | |||||
.ant-switch-checked { | |||||
background-color: white !important; | |||||
} | |||||
} | |||||
#addrSwitch.ant-switch-checked { | |||||
background-image: ${props => | |||||
props.theme.buttons.primary.backgroundImage} !important; | |||||
} | |||||
`; | `; | ||||
const CustomApp = styled.div` | const CustomApp = styled.div` | ||||
text-align: center; | text-align: center; | ||||
font-family: 'Gilroy', sans-serif; | font-family: 'Gilroy', sans-serif; | ||||
background-color: ${props => props.theme.app.background}; | background-color: ${props => props.theme.app.background}; | ||||
`; | `; | ||||
▲ Show 20 Lines • Show All 215 Lines • Show Last 20 Lines |