mirror of
https://github.com/trezor/trezor-wallet
synced 2025-01-03 21:00:55 +00:00
renamed font weights
This commit is contained in:
parent
29e7b91310
commit
f73ed1fdcc
@ -23,7 +23,7 @@ const Wrapper = styled.button`
|
||||
padding: ${props => (props.icon ? '4px 24px 4px 15px' : '11px 24px')};
|
||||
border-radius: 3px;
|
||||
font-size: ${FONT_SIZE.SMALL};
|
||||
font-weight: ${FONT_WEIGHT.SMALLEST};
|
||||
font-weight: ${FONT_WEIGHT.LIGHT};
|
||||
cursor: pointer;
|
||||
background: ${colors.GREEN_PRIMARY};
|
||||
color: ${colors.WHITE};
|
||||
|
@ -48,7 +48,7 @@ const Message = styled.div`
|
||||
const Title = styled.div`
|
||||
padding-bottom: 5px;
|
||||
padding-top: 1px;
|
||||
font-weight: ${FONT_WEIGHT.BIGGER};
|
||||
font-weight: ${FONT_WEIGHT.SEMIBOLD};
|
||||
`;
|
||||
|
||||
const CloseClick = styled.div`
|
||||
|
@ -27,7 +27,7 @@ const StyledTextarea = styled(Textarea)`
|
||||
font-family: ${FONT_FAMILY.MONOSPACE};
|
||||
color: ${colors.TEXT_PRIMARY};
|
||||
background: ${colors.WHITE};
|
||||
font-weight: ${FONT_WEIGHT.BASE};
|
||||
font-weight: ${FONT_WEIGHT.MEDIUM};
|
||||
font-size: ${FONT_SIZE.SMALL};
|
||||
white-space: pre-wrap; /* css-3 */
|
||||
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
|
||||
|
@ -40,7 +40,7 @@ const StyledInput = styled.input`
|
||||
|
||||
line-height: 1.42857143;
|
||||
font-size: ${props => (props.isSmallText ? `${FONT_SIZE.SMALLER}` : `${FONT_SIZE.SMALL}`)};
|
||||
font-weight: ${FONT_WEIGHT.BASE};
|
||||
font-weight: ${FONT_WEIGHT.MEDIUM};
|
||||
color: ${props => (props.color ? props.color : colors.TEXT)};
|
||||
|
||||
border-radius: 2px;
|
||||
|
@ -20,7 +20,7 @@ const Wrapper = styled.div`
|
||||
const StyledInput = styled.input`
|
||||
letter-spacing: 7px;
|
||||
width: 100%;
|
||||
font-weight: ${FONT_WEIGHT.BIGGER};
|
||||
font-weight: ${FONT_WEIGHT.SEMIBOLD};
|
||||
font-size: ${FONT_SIZE.BIGGER};
|
||||
padding: 5px 31px 10px 20px;
|
||||
color: ${colors.TEXT_PRIMARY};
|
||||
|
@ -16,10 +16,10 @@ export const FONT_SIZE = {
|
||||
};
|
||||
|
||||
export const FONT_WEIGHT = {
|
||||
SMALLEST: '300',
|
||||
SMALL: '400',
|
||||
BASE: '500',
|
||||
BIGGER: '600',
|
||||
LIGHT: '300',
|
||||
NORMAL: '400',
|
||||
MEDIUM: '500',
|
||||
SEMIBOLD: '600',
|
||||
};
|
||||
|
||||
export const FONT_FAMILY = {
|
||||
|
@ -37,7 +37,7 @@ const ConnectTrezorWrapper = styled.div`
|
||||
animation: ${PULSATE} 1.3s ease-out infinite;
|
||||
color: ${colors.GREEN_PRIMARY};
|
||||
font-size: ${FONT_SIZE.BASE};
|
||||
font-weight: ${FONT_WEIGHT.BASE};
|
||||
font-weight: ${FONT_WEIGHT.MEDIUM};
|
||||
`;
|
||||
|
||||
const Image = styled.img`
|
||||
|
@ -70,7 +70,7 @@ const Version = styled.span`
|
||||
border: 1px solid ${colors.GREEN_PRIMARY};
|
||||
border-radius: 3px;
|
||||
font-size: ${FONT_SIZE.SMALL};
|
||||
font-weight: ${FONT_WEIGHT.SMALLEST};
|
||||
font-weight: ${FONT_WEIGHT.LIGHT};
|
||||
margin-left: 24px;
|
||||
`;
|
||||
|
||||
|
@ -6,7 +6,7 @@ import { FONT_SIZE, FONT_WEIGHT } from 'config/variables';
|
||||
|
||||
const Wrapper = styled.div`
|
||||
font-size: ${FONT_SIZE.WALLET_TITLE};
|
||||
font-weight: ${FONT_WEIGHT.BASE};
|
||||
font-weight: ${FONT_WEIGHT.MEDIUM};
|
||||
color: ${colors.WALLET_TITLE};
|
||||
padding-bottom: 35px;
|
||||
`;
|
||||
|
@ -45,7 +45,7 @@ const SetMaxAmountButton = styled(Button)`
|
||||
justify-content: center;
|
||||
|
||||
font-size: ${FONT_SIZE.SMALLER};
|
||||
font-weight: ${FONT_WEIGHT.SMALLEST};
|
||||
font-weight: ${FONT_WEIGHT.LIGHT};
|
||||
color: ${colors.TEXT_SECONDARY};
|
||||
|
||||
border-radius: 0;
|
||||
@ -127,7 +127,7 @@ const ToggleAdvancedSettingsButton = styled(Button)`
|
||||
padding: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-weight: ${FONT_WEIGHT.BIGGER};
|
||||
font-weight: ${FONT_WEIGHT.SEMIBOLD};
|
||||
`;
|
||||
|
||||
const SendButton = styled(Button)`
|
||||
|
@ -52,7 +52,7 @@ const HideBalanceIconWrapper = styled.div`
|
||||
`;
|
||||
|
||||
const FiatValue = styled.div`
|
||||
font-weight: ${FONT_WEIGHT.BIGGER};
|
||||
font-weight: ${FONT_WEIGHT.SEMIBOLD};
|
||||
font-size: ${FONT_SIZE.BIG};
|
||||
margin: 7px 0;
|
||||
min-height: 25px;
|
||||
@ -60,7 +60,7 @@ const FiatValue = styled.div`
|
||||
`;
|
||||
|
||||
const FiatValueRate = styled.div`
|
||||
font-weight: ${FONT_WEIGHT.BIGGER};
|
||||
font-weight: ${FONT_WEIGHT.SEMIBOLD};
|
||||
font-size: ${FONT_SIZE.BASE};
|
||||
min-height: 25px;
|
||||
margin: 7px 0;
|
||||
|
@ -46,7 +46,7 @@ const AccountName = styled.div`
|
||||
|
||||
const AccountTitle = styled.div`
|
||||
font-size: ${FONT_SIZE.WALLET_TITLE};
|
||||
font-weight: ${FONT_WEIGHT.BASE};
|
||||
font-weight: ${FONT_WEIGHT.MEDIUM};
|
||||
color: ${colors.WALLET_TITLE};
|
||||
`;
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user