jiti-meet/react/features/authentication/components/styles.js

67 lines
1.4 KiB
JavaScript

import { BoxModel, createStyleSheet } from '../../base/styles';
/**
* The style common to <tt>LoginDialog</tt> and <tt>WaitForOwnerDialog</tt>.
*/
const dialog = {
marginBottom: BoxModel.margin,
marginTop: BoxModel.margin
};
/**
* The style common to <tt>Text</tt> rendered by <tt>LoginDialog</tt> and
* <tt>WaitForOwnerDialog</tt>.
*/
const text = {
};
/**
* The styles of the authentication feature.
*/
export default createStyleSheet({
/**
* The style of bold <tt>Text</tt> rendered by the <tt>Dialog</tt>s of the
* feature authentication.
*/
boldDialogText: {
...text,
fontWeight: 'bold'
},
/**
* The style of <tt>Text</tt> rendered by the <tt>Dialog</tt>s of the
* feature authentication.
*/
dialogText: {
...text
},
/**
* The style of <tt>TextInput</tt> rendered by the <tt>Dialog</tt>s of the
* feature authentication.
*/
dialogTextInput: {
// XXX Matches react-native-prompt's dialogInput because base/dialog's
// Dialog is implemented using react-native-prompt.
fontSize: 18,
height: 50
},
/**
* The style of <tt>LoginDialog</tt>.
*/
loginDialog: {
...dialog,
flex: 0,
flexDirection: 'column'
},
/**
* The style of <tt>WaitForOwnerDialog</tt>.
*/
waitForOwnerDialog: {
...dialog,
...text
}
});