Changeset View
Changeset View
Standalone View
Standalone View
web/cashtab/src/components/Authentication/SignIn.js
import React, { useContext, useEffect, useState } from 'react'; | import React, { useContext, useEffect, useState } from 'react'; | ||||
import { Modal, Spin } from 'antd'; | import { Modal, Spin } from 'antd'; | ||||
import styled from 'styled-components'; | import styled from 'styled-components'; | ||||
import { AuthenticationContext } from '@utils/context'; | import { AuthenticationContext } from '@utils/context'; | ||||
import { ThemedLockOutlined } from '@components/Common/CustomIcons'; | import { ThemedLockOutlined } from '@components/Common/CustomIcons'; | ||||
import PrimaryButton from '@components/Common/PrimaryButton'; | import PrimaryButton from '@components/Common/PrimaryButton'; | ||||
import { ReactComponent as FingerprintSVG } from '@assets/fingerprint-solid.svg'; | import { ReactComponent as FingerprintSVG } from '@assets/fingerprint-solid.svg'; | ||||
const StyledSignIn = styled.div` | const StyledSignIn = styled.div` | ||||
h2 { | h2 { | ||||
color: ${props => props.theme.wallet.text.primary}; | color: ${props => props.theme.contrast}; | ||||
font-size: 25px; | font-size: 25px; | ||||
} | } | ||||
p { | p { | ||||
color: ${props => props.theme.wallet.text.secondary}; | color: ${props => props.theme.darkBlue}; | ||||
} | } | ||||
`; | `; | ||||
const UnlockButton = styled(PrimaryButton)` | const UnlockButton = styled(PrimaryButton)` | ||||
position: relative; | position: relative; | ||||
width: auto; | width: auto; | ||||
margin: 30px auto; | margin: 30px auto; | ||||
padding: 20px 30px; | padding: 20px 30px; | ||||
▲ Show 20 Lines • Show All 132 Lines • Show Last 20 Lines |