prehistoric-systems/omnivore
1
0
Fork 0
mirror of https://github.com/omnivore-app/omnivore.git synced 2026-03-11 08:54:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Right align the checkmark on the font selector

Browse source
This commit is contained in:
Jackson Harper 2022-06-21 20:50:33 -07:00
parent 3bae29d456
commit c7c582281e
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
packages/web/components/templates/article/FontFamiliesOptions.tsx
View file

@ -30,7 +30,7 @@ type FontOptionProps = {
function FontOption(props: FontOptionProps):JSX.Element {
const isSelected = props.selected === props.family
return (
<HStack distribution='between' alignment='start' css={{width: '100%', pt: '14px'}}>
<HStack distribution='between' alignment='start' css={{ width: '100%', pt: '14px' }}>
<StyledText
css={{ m: '0px', fontSize: 16, fontFamily: props.family, textTransform: 'capitalize', cursor: 'pointer' }}
onClick={() => props.onSelect(props.family)}
@ -60,7 +60,7 @@ export function FontFamiliesOptions(props: FontFamiliesListProps): JSX.Element {
</HStack>
</HStack>
</Box>
<Box css={{ pl: 15, pb: 15}}>
<Box css={{ px: 15, pb: 15, width: '100%' }}>
{FONT_FAMILIES.map((family) => (
<FontOption selected={props.selected} family={family} onSelect={props.onSelect} key={`font-${family}`} />
))}