Changeset View
Changeset View
Standalone View
Standalone View
web/cashtab/src/components/Common/WalletLabel.js
import * as React from 'react'; | import * as React from 'react'; | ||||
import styled from 'styled-components'; | import styled from 'styled-components'; | ||||
const WalletName = styled.h4` | const WalletName = styled.h4` | ||||
font-size: 20px; | font-size: 20px; | ||||
font-weight: bold; | font-weight: bold; | ||||
display: inline-block; | display: inline-block; | ||||
color: #ff8d00; | color: #ff8d00; | ||||
margin-bottom: 0px; | margin-bottom: 0px; | ||||
@media (max-width: 400px) { | |||||
font-size: 16px; | |||||
} | |||||
`; | `; | ||||
const WalletLabel = ({ name }) => { | const WalletLabel = ({ name }) => { | ||||
return ( | return ( | ||||
<> | <> | ||||
{name && typeof name === 'string' && ( | {name && typeof name === 'string' && ( | ||||
<WalletName>{name}</WalletName> | <WalletName>{name}</WalletName> | ||||
)} | )} | ||||
</> | </> | ||||
); | ); | ||||
}; | }; | ||||
export default WalletLabel; | export default WalletLabel; |