mattermost-mobile/app/screens/settings/settings_item/style.ios.js
enahum adbaead58e RN-321 Update Settings and Notifications UX/UI Screens (#879)
* Fix Android and iOS flow

* Own review

* RN-321 Update Settings and Notifications UX/UI Screens

* Fix style for separator in android modals

* Feedback review
2017-09-08 15:38:50 -03:00

58 lines
1.5 KiB
JavaScript

// Copyright (c) 2017-present Mattermost, Inc. All Rights Reserved.
// See License.txt for license information.
import {changeOpacity, makeStyleSheetFromTheme} from 'app/utils/theme';
export default makeStyleSheetFromTheme((theme) => {
return {
container: {
alignItems: 'center',
backgroundColor: theme.centerChannelBg,
flexDirection: 'row',
height: 45
},
iconContainer: {
width: 29,
height: 29,
backgroundColor: theme.buttonBg,
borderRadius: 7,
alignItems: 'center',
justifyContent: 'center',
marginHorizontal: 15
},
icon: {
color: theme.buttonColor,
fontSize: 18,
marginTop: 2
},
wrapper: {
flex: 1
},
centerLabel: {
textAlign: 'center',
textAlignVertical: 'center'
},
labelContainer: {
flex: 1,
flexDirection: 'row'
},
label: {
color: theme.centerChannelColor,
flex: 1,
fontSize: 17,
lineHeight: 43
},
arrowContainer: {
justifyContent: 'center',
paddingRight: 15
},
arrow: {
color: changeOpacity(theme.centerChannelColor, 0.25),
fontSize: 18
},
divider: {
backgroundColor: changeOpacity(theme.centerChannelColor, 0.1),
height: 1
}
};
});