Changeset View
Changeset View
Standalone View
Standalone View
web/cashtab/src/components/App.js
| Show First 20 Lines • Show All 75 Lines • ▼ Show 20 Lines | 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}; | ||||
| `; | `; | ||||
| const Footer = styled.div` | const Footer = styled.div` | ||||
| z-index: 2; | z-index: 2; | ||||
| background-color: ${props => props.theme.footer.background}; | background-color: ${props => props.theme.footer.background}; | ||||
| border-radius: 20px; | border-radius: 20px 20px 0 0; | ||||
| position: fixed; | position: fixed; | ||||
| bottom: 0; | bottom: 0; | ||||
| width: 500px; | width: 500px; | ||||
| box-shadow: rgb(136 172 243 / 25%) 0px 10px 30px, | |||||
| rgb(0 0 0 / 3%) 0px 1px 1px, rgb(0 51 167 / 10%) 0px 10px 20px; | |||||
| @media (max-width: 768px) { | @media (max-width: 768px) { | ||||
| width: 100%; | width: 100%; | ||||
| } | } | ||||
| border-top: 1px solid ${props => props.theme.wallet.borders.color}; | |||||
| `; | `; | ||||
| export const NavButton = styled.button` | export const NavButton = styled.button` | ||||
| :focus, | :focus, | ||||
| :active { | :active { | ||||
| outline: none; | outline: none; | ||||
| } | } | ||||
| cursor: pointer; | cursor: pointer; | ||||
| ▲ Show 20 Lines • Show All 59 Lines • ▼ Show 20 Lines | |||||
| export const HeaderCtn = styled.div` | export const HeaderCtn = styled.div` | ||||
| display: flex; | display: flex; | ||||
| align-items: center; | align-items: center; | ||||
| justify-content: center; | justify-content: center; | ||||
| width: 100%; | width: 100%; | ||||
| padding: 20px 0 30px; | padding: 20px 0 30px; | ||||
| margin-bottom: 20px; | margin-bottom: 20px; | ||||
| justify-content: space-between; | justify-content: space-between; | ||||
| border-bottom: 1px solid ${props => props.theme.wallet.borders.color}; | |||||
| a { | a { | ||||
| color: ${props => props.theme.wallet.text.secondary}; | color: ${props => props.theme.wallet.text.secondary}; | ||||
| :hover { | :hover { | ||||
| color: ${props => props.theme.primary}; | color: ${props => props.theme.primary}; | ||||
| } | } | ||||
| } | } | ||||
| ▲ Show 20 Lines • Show All 206 Lines • Show Last 20 Lines | |||||