jiti-meet/react/features/security/components/security-dialog/native/styles.js

98 lines
2.0 KiB
JavaScript

// @flow
import BaseTheme from '../../../../base/ui/components/BaseTheme.native';
/**
* The styles of the feature security.
*/
export default {
securityDialogContainer: {
backgroundColor: BaseTheme.palette.ui01,
flex: 1
},
headerCloseButton: {
marginLeft: 12
},
lobbyModeContainer: {
borderBottomColor: BaseTheme.palette.border01,
borderBottomWidth: 1,
marginTop: BaseTheme.spacing[4]
},
lobbyModeContent: {
marginHorizontal: BaseTheme.spacing[3],
marginBottom: BaseTheme.spacing[4]
},
lobbyModeText: {
color: BaseTheme.palette.text01
},
lobbyModeLabel: {
color: BaseTheme.palette.text01,
fontWeight: 'bold',
marginTop: BaseTheme.spacing[2]
},
lobbyModeSection: {
alignItems: 'center',
flexDirection: 'row',
justifyContent: 'space-between',
marginTop: BaseTheme.spacing[1]
},
passwordContainer: {
marginHorizontal: BaseTheme.spacing[3],
marginTop: BaseTheme.spacing[4]
},
passwordContainerText: {
color: BaseTheme.palette.text01
},
passwordContainerControls: {
alignItems: 'center',
flexDirection: 'row',
justifyContent: 'space-between'
},
savedPasswordContainer: {
flexDirection: 'row',
width: 208
},
savedPasswordLabel: {
color: BaseTheme.palette.text01,
fontWeight: 'bold'
},
savedPassword: {
color: BaseTheme.palette.text01
},
customContainer: {
width: 208
},
passwordSetupButtonLabel: {
color: BaseTheme.palette.link01
},
passwordSetRemotelyContainer: {
alignItems: 'center',
flexDirection: 'row',
justifyContent: 'space-between'
},
passwordSetRemotelyText: {
color: BaseTheme.palette.text01
},
passwordSetRemotelyTextDisabled: {
color: BaseTheme.palette.text02
}
};