m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 01:39:44 +01:00
Code

fix gas-tooltip fonts (#12968)

Browse Source
This commit is contained in:
Alex Donesky 2021-12-06 09:40:30 -06:00 committed by GitHub
parent 9dd5af3523
commit 2dd8689d8a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
ui/components/app/edit-gas-fee-popover/edit-gas-tooltip/edit-gas-tooltip.js
View File

@ -4,6 +4,7 @@ import { PRIORITY_LEVELS } from '../../../../../shared/constants/gas';
import { import {
COLORS, COLORS,
FONT_WEIGHT, FONT_WEIGHT,
TYPOGRAPHY,
} from '../../../../helpers/constants/design-system'; } from '../../../../helpers/constants/design-system';
import Typography from '../../../ui/typography'; import Typography from '../../../ui/typography';
import { useGasFeeContext } from '../../../../contexts/gasFee'; import { useGasFeeContext } from '../../../../contexts/gasFee';
@ -68,26 +69,26 @@ const EditGasToolTip = ({
) : null} ) : null}
{priorityLevel === PRIORITY_LEVELS.HIGH ? ( {priorityLevel === PRIORITY_LEVELS.HIGH ? (
<div className="edit-gas-tooltip__container__dialog"> <div className="edit-gas-tooltip__container__dialog">
<Typography fontSize="12px" color={COLORS.WHITE}> <Typography variant={TYPOGRAPHY.H7} color={COLORS.WHITE}>
{t('highGasSettingToolTipDialog')} {t('highGasSettingToolTipDialog')}
</Typography> </Typography>
</div> </div>
) : null} ) : null}
<div className="edit-gas-tooltip__container__message"> <div className="edit-gas-tooltip__container__message">
<Typography fontSize="12px">{toolTipMessage()}</Typography> <Typography variant={TYPOGRAPHY.H7}>{toolTipMessage()}</Typography>
</div> </div>
{priorityLevel === PRIORITY_LEVELS.CUSTOM ? null : ( {priorityLevel === PRIORITY_LEVELS.CUSTOM ? null : (
<div className="edit-gas-tooltip__container__values"> <div className="edit-gas-tooltip__container__values">
<div> <div>
<Typography <Typography
fontSize="12px" variant={TYPOGRAPHY.H7}
fontWeight={FONT_WEIGHT.BOLD} fontWeight={FONT_WEIGHT.BOLD}
className="edit-gas-tooltip__container__label" className="edit-gas-tooltip__container__label"
> >
{t('maxBaseFee')} {t('maxBaseFee')}
</Typography> </Typography>
<Typography <Typography
fontSize="12px" variant={TYPOGRAPHY.H7}
color={COLORS.NEUTRAL_GREY} color={COLORS.NEUTRAL_GREY}
className="edit-gas-tooltip__container__value" className="edit-gas-tooltip__container__value"
> >
@ -96,14 +97,14 @@ const EditGasToolTip = ({
</div> </div>
<div> <div>
<Typography <Typography
fontSize="12px" variant={TYPOGRAPHY.H7}
fontWeight={FONT_WEIGHT.BOLD} fontWeight={FONT_WEIGHT.BOLD}
className="edit-gas-tooltip__container__label" className="edit-gas-tooltip__container__label"
> >
{t('priorityFee')} {t('priorityFee')}
</Typography> </Typography>
<Typography <Typography
fontSize="12px" variant={TYPOGRAPHY.H7}
color={COLORS.NEUTRAL_GREY} color={COLORS.NEUTRAL_GREY}
className="edit-gas-tooltip__container__value" className="edit-gas-tooltip__container__value"
> >
@ -112,14 +113,14 @@ const EditGasToolTip = ({
</div> </div>
<div> <div>
<Typography <Typography
fontSize="12px" variant={TYPOGRAPHY.H7}
fontWeight={FONT_WEIGHT.BOLD} fontWeight={FONT_WEIGHT.BOLD}
className="edit-gas-tooltip__container__label" className="edit-gas-tooltip__container__label"
> >
{t('gasLimit')} {t('gasLimit')}
</Typography> </Typography>
<Typography <Typography
fontSize="12px" variant={TYPOGRAPHY.H7}
color={COLORS.NEUTRAL_GREY} color={COLORS.NEUTRAL_GREY}
className="edit-gas-tooltip__container__value" className="edit-gas-tooltip__container__value"
> >