arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2025-01-05 13:51:01 +00:00
Code Issues Releases Wiki Activity

renamed font weights

Browse Source
This commit is contained in:
Maroš Špak 2018-12-11 16:17:09 +01:00
parent 29e7b91310
commit f73ed1fdcc
12 changed files with 17 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Button/index.js
View File

@ -23,7 +23,7 @@ const Wrapper = styled.button`
padding: ${props => (props.icon ? '4px 24px 4px 15px' : '11px 24px')}; padding: ${props => (props.icon ? '4px 24px 4px 15px' : '11px 24px')};
border-radius: 3px; border-radius: 3px;
font-size: ${FONT_SIZE.SMALL}; font-size: ${FONT_SIZE.SMALL};
font-weight: ${FONT_WEIGHT.SMALLEST}; font-weight: ${FONT_WEIGHT.LIGHT};
cursor: pointer; cursor: pointer;
background: ${colors.GREEN_PRIMARY}; background: ${colors.GREEN_PRIMARY};
color: ${colors.WHITE}; color: ${colors.WHITE};

2
src/components/Notification/index.js
View File

@ -48,7 +48,7 @@ const Message = styled.div`
const Title = styled.div` const Title = styled.div`
padding-bottom: 5px; padding-bottom: 5px;
padding-top: 1px; padding-top: 1px;
font-weight: ${FONT_WEIGHT.BIGGER}; font-weight: ${FONT_WEIGHT.SEMIBOLD};
`; `;
const CloseClick = styled.div` const CloseClick = styled.div`

2
src/components/Textarea/index.js
View File

@ -27,7 +27,7 @@ const StyledTextarea = styled(Textarea)`
font-family: ${FONT_FAMILY.MONOSPACE}; font-family: ${FONT_FAMILY.MONOSPACE};
color: ${colors.TEXT_PRIMARY}; color: ${colors.TEXT_PRIMARY};
background: ${colors.WHITE}; background: ${colors.WHITE};
font-weight: ${FONT_WEIGHT.BASE}; font-weight: ${FONT_WEIGHT.MEDIUM};
font-size: ${FONT_SIZE.SMALL}; font-size: ${FONT_SIZE.SMALL};
white-space: pre-wrap; /* css-3 */ white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */

2
src/components/inputs/Input/index.js
View File

@ -40,7 +40,7 @@ const StyledInput = styled.input`
line-height: 1.42857143; line-height: 1.42857143;
font-size: ${props => (props.isSmallText ? `${FONT_SIZE.SMALLER}` : `${FONT_SIZE.SMALL}`)}; 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)}; color: ${props => (props.color ? props.color : colors.TEXT)};
border-radius: 2px; border-radius: 2px;

2
src/components/modals/pin/Pin/components/Input/index.js
View File

@ -20,7 +20,7 @@ const Wrapper = styled.div`
const StyledInput = styled.input` const StyledInput = styled.input`
letter-spacing: 7px; letter-spacing: 7px;
width: 100%; width: 100%;
font-weight: ${FONT_WEIGHT.BIGGER}; font-weight: ${FONT_WEIGHT.SEMIBOLD};
font-size: ${FONT_SIZE.BIGGER}; font-size: ${FONT_SIZE.BIGGER};
padding: 5px 31px 10px 20px; padding: 5px 31px 10px 20px;
color: ${colors.TEXT_PRIMARY}; color: ${colors.TEXT_PRIMARY};

8
src/config/variables.js
View File

@ -16,10 +16,10 @@ export const FONT_SIZE = {
}; };
export const FONT_WEIGHT = { export const FONT_WEIGHT = {
SMALLEST: '300', LIGHT: '300',
SMALL: '400', NORMAL: '400',
BASE: '500', MEDIUM: '500',
BIGGER: '600', SEMIBOLD: '600',
}; };
export const FONT_FAMILY = { export const FONT_FAMILY = {

2
src/views/Landing/components/ConnectDevice/index.js
View File

@ -37,7 +37,7 @@ const ConnectTrezorWrapper = styled.div`
animation: ${PULSATE} 1.3s ease-out infinite; animation: ${PULSATE} 1.3s ease-out infinite;
color: ${colors.GREEN_PRIMARY}; color: ${colors.GREEN_PRIMARY};
font-size: ${FONT_SIZE.BASE}; font-size: ${FONT_SIZE.BASE};
font-weight: ${FONT_WEIGHT.BASE}; font-weight: ${FONT_WEIGHT.MEDIUM};
`; `;
const Image = styled.img` const Image = styled.img`

2
src/views/Landing/views/InstallBridge/index.js
View File

@ -70,7 +70,7 @@ const Version = styled.span`
border: 1px solid ${colors.GREEN_PRIMARY}; border: 1px solid ${colors.GREEN_PRIMARY};
border-radius: 3px; border-radius: 3px;
font-size: ${FONT_SIZE.SMALL}; font-size: ${FONT_SIZE.SMALL};
font-weight: ${FONT_WEIGHT.SMALLEST}; font-weight: ${FONT_WEIGHT.LIGHT};
margin-left: 24px; margin-left: 24px;
`; `;

2
src/views/Wallet/components/Title/index.js
View File

@ -6,7 +6,7 @@ import { FONT_SIZE, FONT_WEIGHT } from 'config/variables';
const Wrapper = styled.div` const Wrapper = styled.div`
font-size: ${FONT_SIZE.WALLET_TITLE}; font-size: ${FONT_SIZE.WALLET_TITLE};
font-weight: ${FONT_WEIGHT.BASE}; font-weight: ${FONT_WEIGHT.MEDIUM};
color: ${colors.WALLET_TITLE}; color: ${colors.WALLET_TITLE};
padding-bottom: 35px; padding-bottom: 35px;
`; `;

4
src/views/Wallet/views/Account/Send/index.js
View File

@ -45,7 +45,7 @@ const SetMaxAmountButton = styled(Button)`
justify-content: center; justify-content: center;
font-size: ${FONT_SIZE.SMALLER}; font-size: ${FONT_SIZE.SMALLER};
font-weight: ${FONT_WEIGHT.SMALLEST}; font-weight: ${FONT_WEIGHT.LIGHT};
color: ${colors.TEXT_SECONDARY}; color: ${colors.TEXT_SECONDARY};
border-radius: 0; border-radius: 0;
@ -127,7 +127,7 @@ const ToggleAdvancedSettingsButton = styled(Button)`
padding: 0; padding: 0;
display: flex; display: flex;
align-items: center; align-items: center;
font-weight: ${FONT_WEIGHT.BIGGER}; font-weight: ${FONT_WEIGHT.SEMIBOLD};
`; `;
const SendButton = styled(Button)` const SendButton = styled(Button)`

4
src/views/Wallet/views/Account/Summary/components/Balance/index.js
View File

@ -52,7 +52,7 @@ const HideBalanceIconWrapper = styled.div`
`; `;
const FiatValue = styled.div` const FiatValue = styled.div`
font-weight: ${FONT_WEIGHT.BIGGER}; font-weight: ${FONT_WEIGHT.SEMIBOLD};
font-size: ${FONT_SIZE.BIG}; font-size: ${FONT_SIZE.BIG};
margin: 7px 0; margin: 7px 0;
min-height: 25px; min-height: 25px;
@ -60,7 +60,7 @@ const FiatValue = styled.div`
`; `;
const FiatValueRate = styled.div` const FiatValueRate = styled.div`
font-weight: ${FONT_WEIGHT.BIGGER}; font-weight: ${FONT_WEIGHT.SEMIBOLD};
font-size: ${FONT_SIZE.BASE}; font-size: ${FONT_SIZE.BASE};
min-height: 25px; min-height: 25px;
margin: 7px 0; margin: 7px 0;

2
src/views/Wallet/views/Account/Summary/index.js
View File

@ -46,7 +46,7 @@ const AccountName = styled.div`
const AccountTitle = styled.div` const AccountTitle = styled.div`
font-size: ${FONT_SIZE.WALLET_TITLE}; font-size: ${FONT_SIZE.WALLET_TITLE};
font-weight: ${FONT_WEIGHT.BASE}; font-weight: ${FONT_WEIGHT.MEDIUM};
color: ${colors.WALLET_TITLE}; color: ${colors.WALLET_TITLE};
`; `;