status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-27 18:40:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: update titles to receive sizes

Browse Source
This commit is contained in:
RadoslavDimchev 2023-08-24 10:43:29 +03:00
parent 210108f0ed
commit 65b7a5eb1f
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/General/Titles.tsx
View File

@ -6,13 +6,21 @@ type TitlesProps = {
title: string title: string
subtitle: string subtitle: string
isAdvancedSettings?: boolean isAdvancedSettings?: boolean
titleSize?: 27 | 15 | 11 | 13 | 19
subtitleSize?: 27 | 15 | 11 | 13 | 19
} }
const Titles = ({ title, subtitle, isAdvancedSettings }: TitlesProps) => { const Titles = ({
title,
subtitle,
isAdvancedSettings,
titleSize = 27,
subtitleSize = 15,
}: TitlesProps) => {
return ( return (
<YStack style={{ width: '100%', margin: '0 0 1em' }}> <YStack style={{ width: '100%', margin: '0 0 1em' }}>
<XStack style={{ justifyContent: 'space-between', alignItems: 'center' }}> <XStack style={{ justifyContent: 'space-between', alignItems: 'center' }}>
<Text size={27} weight={'semibold'}> <Text size={titleSize} weight={'semibold'}>
{title} {title}
</Text> </Text>
{isAdvancedSettings && ( {isAdvancedSettings && (
@ -21,7 +29,7 @@ const Titles = ({ title, subtitle, isAdvancedSettings }: TitlesProps) => {
</Button> </Button>
)} )}
</XStack> </XStack>
<Text size={15}>{subtitle}</Text> <Text size={subtitleSize}>{subtitle}</Text>
</YStack> </YStack>
) )
} }