mattermost-mobile/app/screens/settings/settings_item/style.ios.js
2018-06-19 19:14:50 -04:00

61 lines
1.6 KiB
JavaScript

// Copyright (c) 2015-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,
},
destructor: {
color: theme.errorTextColor,
},
};
});