hotfix: font-size fixes
This commit is contained in:
parent
a5ec6ae4c2
commit
6393a4656b
|
@ -14,13 +14,14 @@ const Wrapper = styled.div`
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-color: ${props => props.theme.colors.cardBackgroundColor};
|
background-color: ${props => props.theme.colors.cardBackgroundColor};
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
padding: 45px;
|
padding: 37px 45px;
|
||||||
margin: 20px;
|
margin: 20px;
|
||||||
position: relative;
|
position: relative;
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const AllAddresses = styled(TextComponent)`
|
const AllAddresses = styled(TextComponent)`
|
||||||
margin-bottom: 2.5px;
|
margin-bottom: 2.5px;
|
||||||
|
font-size: 0.625em;
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const ValueBox = styled.div`
|
const ValueBox = styled.div`
|
||||||
|
@ -29,12 +30,13 @@ const ValueBox = styled.div`
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const Label = styled(TextComponent)`
|
const Label = styled(TextComponent)`
|
||||||
margin: 10px 0;
|
margin-top: 10px;
|
||||||
margin-left: -15px;
|
margin-bottom: 5px;
|
||||||
|
margin-left: -7.5px;
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const USDValue = styled(TextComponent)`
|
const USDValue = styled(TextComponent)`
|
||||||
opacity: 0.7;
|
opacity: 0.5;
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const ShieldedValue = styled(Label)`
|
const ShieldedValue = styled(Label)`
|
||||||
|
@ -79,26 +81,26 @@ export const WalletSummaryComponent = ({
|
||||||
label='All Addresses'
|
label='All Addresses'
|
||||||
renderTrigger={(toggleVisibility, isOpen) => (
|
renderTrigger={(toggleVisibility, isOpen) => (
|
||||||
<SeeMoreButton onClick={toggleVisibility} isOpen={isOpen}>
|
<SeeMoreButton onClick={toggleVisibility} isOpen={isOpen}>
|
||||||
<IoIosMore color={theme.colors.text} size={35} />
|
<IoIosMore color={theme.colors.text} size={15} />
|
||||||
</SeeMoreButton>
|
</SeeMoreButton>
|
||||||
)}
|
)}
|
||||||
options={addresses.map(addr => ({ label: addr, onClick: x => x }))}
|
options={addresses.map(addr => ({ label: addr, onClick: x => x }))}
|
||||||
/>
|
/>
|
||||||
<AllAddresses value='ALL ADDRESSES' isBold />
|
<AllAddresses value='ALL ADDRESSES' isBold />
|
||||||
<ValueBox>
|
<ValueBox>
|
||||||
<TextComponent size='3em' value={`ZEC ${formatNumber(total)}`} isBold />
|
<TextComponent size='2.625em' value={`ZEC ${formatNumber(total)}`} isBold />
|
||||||
<USDValue value={`USD $${formatNumber(total * dollarValue)}`} size='2em' />
|
<USDValue value={`USD $${formatNumber(total * dollarValue)}`} size='1.750em' />
|
||||||
</ValueBox>
|
</ValueBox>
|
||||||
<RowComponent>
|
<RowComponent>
|
||||||
<ValueBox>
|
<ValueBox>
|
||||||
<ShieldedValue value='● SHIELDED' isBold />
|
<ShieldedValue value='● SHIELDED' isBold size='0.625em' />
|
||||||
<TextComponent value={`ZEC ${formatNumber(shielded)}`} isBold size='1.3em' />
|
<TextComponent value={`ZEC ${formatNumber(shielded)}`} isBold size='1.125em' />
|
||||||
<USDValue value={`USD $${formatNumber(shielded * dollarValue)}`} size='1.3em' />
|
<USDValue value={`USD $${formatNumber(shielded * dollarValue)}`} size='0.750em' />
|
||||||
</ValueBox>
|
</ValueBox>
|
||||||
<ValueBox>
|
<ValueBox>
|
||||||
<Label value='● TRANSPARENT' isBold />
|
<Label value='● TRANSPARENT' isBold size='0.625em' />
|
||||||
<TextComponent value={`ZEC ${formatNumber(transparent)}`} isBold size='1.3em' />
|
<TextComponent value={`ZEC ${formatNumber(transparent)}`} isBold size='1.125em' />
|
||||||
<USDValue value={`USD $${formatNumber(transparent * dollarValue)}`} size='1.3em' />
|
<USDValue value={`USD $${formatNumber(transparent * dollarValue)}`} size='0.750em' />
|
||||||
</ValueBox>
|
</ValueBox>
|
||||||
</RowComponent>
|
</RowComponent>
|
||||||
</Wrapper>
|
</Wrapper>
|
||||||
|
|
Loading…
Reference in New Issue