random-mirrors
/
gab-social
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated Text component extraLarge and large text sizes 

• Updated:
- Text component extraLarge and large text sizes
- GifPickerModal, UserStat component contains extraLarge text
This commit is contained in:
mgabdev 2020-06-15 13:32:08 -04:00
parent c7fe242626
commit 9b79559ace
3 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/gabsocial/components/modal/gif_picker_modal.js
View File

@ -262,7 +262,7 @@ class GifCategoriesCollection extends PureComponent {
src={category.image} src={category.image}
/> />
<div className={[_s.default, _s.posAbs, _s.videoPlayerControlsBackground, _s.right0, _s.bottom0, _s.left0, _s.py10, _s.px10].join(' ')}> <div className={[_s.default, _s.posAbs, _s.videoPlayerControlsBackground, _s.right0, _s.bottom0, _s.left0, _s.py10, _s.px10].join(' ')}>
<Text color='white' weight='bold' size='large'> <Text color='white' weight='bold' size='extraLarge'>
{category.searchterm} {category.searchterm}
</Text> </Text>
</div> </div>

3
app/javascript/gabsocial/components/text.js
View File

@ -103,7 +103,8 @@ export default class Text extends PureComponent {
colorWhite: color === COLORS.white, colorWhite: color === COLORS.white,
inherit: color === COLORS.inherit, inherit: color === COLORS.inherit,
fs19PX: size === SIZES.large, fs19PX: size === SIZES.extraLarge,
fs16PX: size === SIZES.large,
fs15PX: size === SIZES.medium, fs15PX: size === SIZES.medium,
fs14PX: size === SIZES.normal, fs14PX: size === SIZES.normal,
fs13PX: size === SIZES.small, fs13PX: size === SIZES.small,

2
app/javascript/gabsocial/components/user_stat.js
View File

@ -60,7 +60,7 @@ export default class UserStat extends PureComponent {
onMouseEnter={this.handleOnMouseEnter} onMouseEnter={this.handleOnMouseEnter}
onMouseLeave={this.handleOnMouseLeave} onMouseLeave={this.handleOnMouseLeave}
> >
<Text size='large' weight='bold' color='brand' align={align}> <Text size='extraLarge' weight='bold' color='brand' align={align}>
{value} {value}
</Text> </Text>
<Text size='small' weight='medium' color='secondary' hasUnderline={hovering} align={align}> <Text size='small' weight='medium' color='secondary' hasUnderline={hovering} align={align}>