octo/tooot
1
0
Fork 0
mirror of https://github.com/tooot-app/app synced 2025-06-05 22:19:13 +02:00
Code Issues Projects Releases Wiki Activity

Align back button

Browse Source
This commit is contained in:
Zhiyuan Zheng
2020-12-13 23:38:37 +01:00
parent c1076b8e94
commit 991741488d
7 changed files with 100 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/Header/Right.tsx
View File

@ -29,7 +29,16 @@ const HeaderRight: React.FC<PropsText | PropsIcon> = ({
const { theme } = useTheme()
return (
<Pressable {...(!disabled && { onPress })} style={styles.base}>
<Pressable
{...(!disabled && { onPress })}
style={[
styles.base,
{
backgroundColor: theme.backgroundGradientStart,
...(icon && { height: 44, width: 44 })
}
]}
>
{text && (
<Text
style={[
@ -44,7 +53,7 @@ const HeaderRight: React.FC<PropsText | PropsIcon> = ({
<Feather
name={icon}
color={disabled ? theme.secondary : theme.primary}
size={StyleConstants.Font.Size.L}
size={StyleConstants.Spacing.L}
/>
)}
</Pressable>
@ -53,7 +62,10 @@ const HeaderRight: React.FC<PropsText | PropsIcon> = ({
const styles = StyleSheet.create({
base: {
paddingLeft: StyleConstants.Spacing.S
flexDirection: 'row',
justifyContent: 'center',
alignItems: 'center',
borderRadius: 100
},
text: {
fontSize: StyleConstants.Font.Size.M