Ui improvements (#666)
* RN-171 - Extending border bottom on sidebar title * RN-164 - Teams title center and bold * RN-103 - Updating position for sendButton * RN-231 - Increasing left margin when only one team
This commit is contained in:
parent
0cf3382f4c
commit
a614a2835b
4 changed files with 16 additions and 6 deletions
|
|
@ -265,6 +265,7 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => {
|
|||
},
|
||||
headerContainer: {
|
||||
alignItems: 'center',
|
||||
paddingLeft: 10,
|
||||
backgroundColor: theme.sidebarHeaderBg,
|
||||
flexDirection: 'row',
|
||||
borderBottomWidth: 1,
|
||||
|
|
@ -337,7 +338,7 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => {
|
|||
flexDirection: 'row',
|
||||
height: 32,
|
||||
justifyContent: 'center',
|
||||
marginLeft: 16,
|
||||
marginLeft: 6,
|
||||
marginRight: 10,
|
||||
paddingHorizontal: 6
|
||||
},
|
||||
|
|
|
|||
|
|
@ -330,7 +330,7 @@ class List extends Component {
|
|||
</Text>
|
||||
{action && this.renderSectionAction(styles, action)}
|
||||
</View>
|
||||
{bottomDivider && this.renderDivider(styles, 16)}
|
||||
{bottomDivider && this.renderDivider(styles, 0)}
|
||||
</View>
|
||||
)
|
||||
};
|
||||
|
|
|
|||
|
|
@ -235,7 +235,6 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => {
|
|||
alignItems: 'center',
|
||||
backgroundColor: theme.sidebarHeaderBg,
|
||||
flexDirection: 'row',
|
||||
paddingLeft: 16,
|
||||
borderBottomWidth: 1,
|
||||
borderBottomColor: changeOpacity(theme.sidebarHeaderTextColor, 0.10),
|
||||
...Platform.select({
|
||||
|
|
@ -251,7 +250,8 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => {
|
|||
color: theme.sidebarHeaderTextColor,
|
||||
flex: 1,
|
||||
fontSize: 17,
|
||||
fontWeight: 'normal'
|
||||
textAlign: 'center',
|
||||
fontWeight: '600'
|
||||
},
|
||||
moreActionContainer: {
|
||||
alignItems: 'center',
|
||||
|
|
|
|||
|
|
@ -528,13 +528,22 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => {
|
|||
sendButton: {
|
||||
backgroundColor: theme.buttonBg,
|
||||
borderRadius: 18,
|
||||
marginBottom: 3,
|
||||
marginRight: 5,
|
||||
height: 28,
|
||||
width: 28,
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
paddingLeft: 2
|
||||
paddingLeft: 2,
|
||||
...Platform.select({
|
||||
ios: {
|
||||
marginBottom: 3
|
||||
},
|
||||
android: {
|
||||
height: 29,
|
||||
marginBottom: 4,
|
||||
width: 29
|
||||
}
|
||||
})
|
||||
},
|
||||
typing: {
|
||||
paddingLeft: 10,
|
||||
|
|
|
|||
Loading…
Reference in a new issue