Mirrors/notesnook
1
0
Fork 0
mirror of https://github.com/streetwriters/notesnook.git synced 2025-12-23 23:19:40 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix round border on ios.

Browse Source
This commit is contained in:
ammarahm-ed
2020-03-05 11:40:53 +05:00
parent b70d9786d0
commit e3a6b04ff7
2 changed files with 37 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
apps/mobile/src/components/Menu/index.js
View File

@@ -620,19 +620,26 @@ export const Menu = ({
paddingHorizontal: 12, paddingHorizontal: 12,
}}> }}>
<Icon <View
style={{ style={{
width: 30, width: 30,
textAlign: 'center',
backgroundColor: colors.accent, backgroundColor: colors.accent,
height: 30, height: 30,
borderRadius: 100, borderRadius: 100,
textAlignVertical: 'center', alignItems: 'center',
}} justifyContent: 'center',
name="account-outline" }}>
color="white" <Icon
size={SIZE.md} style={{
/> textAlign: 'center',
textAlignVertical: 'center',
}}
name="account-outline"
color="white"
size={SIZE.md}
/>
</View>
<View <View
style={{ style={{
marginLeft: 10, marginLeft: 10,

42
apps/mobile/src/views/Settings/index.js
View File

@@ -120,6 +120,7 @@ export const Settings = ({navigation}) => {
alignItems: 'center', alignItems: 'center',
}}> }}>
<Icon size={SIZE.lg} color="white" name="account-outline" /> <Icon size={SIZE.lg} color="white" name="account-outline" />
<Text <Text
style={{ style={{
color: 'white', color: 'white',
@@ -208,19 +209,18 @@ export const Settings = ({navigation}) => {
borderRadius: 5, borderRadius: 5,
paddingHorizontal: 6, paddingHorizontal: 6,
}}> }}>
<Icon <View
style={{ style={{
width: 40, width: 40,
textAlign: 'center',
backgroundColor: colors.accent, backgroundColor: colors.accent,
height: 40, height: 40,
borderRadius: 100, borderRadius: 100,
textAlignVertical: 'center', alignItems: 'center',
}} justifyContent: 'center',
name="account-outline" }}>
color="white" <Icon size={SIZE.lg} color="white" name="account-outline" />
size={SIZE.lg} </View>
/> <Icon name="account-outline" color="white" size={SIZE.lg} />
<View <View
style={{ style={{
marginLeft: 10, marginLeft: 10,
@@ -241,19 +241,21 @@ export const Settings = ({navigation}) => {
</Text> </Text>
</View> </View>
<Icon <View
style={{ style={{
width: 40, width: 40,
textAlign: 'center',
position: 'absolute',
height: 40, height: 40,
justifyContent: 'center',
alignItems: 'center',
position: 'absolute',
right: 6, right: 6,
textAlignVertical: 'center', }}>
}} <Icon
name="chevron-right" name="chevron-right"
color={colors.accent} color={colors.accent}
size={SIZE.lg} size={SIZE.lg}
/> />
</View>
</TouchableOpacity> </TouchableOpacity>
</> </>
)} )}
@@ -323,13 +325,13 @@ export const Settings = ({navigation}) => {
flexDirection: 'row', flexDirection: 'row',
justifyContent: 'center', justifyContent: 'center',
alignItems: 'center', alignItems: 'center',
marginRight: 10, marginHorizontal: 5,
marginVertical: 5, marginVertical: 5,
}}> }}>
<View <View
style={{ style={{
width: 35, width: w / 5 - 22,
height: 35, height: w / 5 - 22,
backgroundColor: item, backgroundColor: item,
borderRadius: 100, borderRadius: 100,
justifyContent: 'center', justifyContent: 'center',