67 lines
1.4 KiB
JavaScript
67 lines
1.4 KiB
JavaScript
import { BoxModel, createStyleSheet } from '../../base/styles';
|
|
|
|
/**
|
|
* The style common to {@code LoginDialog} and {@code WaitForOwnerDialog}.
|
|
*/
|
|
const dialog = {
|
|
marginBottom: BoxModel.margin,
|
|
marginTop: BoxModel.margin
|
|
};
|
|
|
|
/**
|
|
* The style common to {@code Text} rendered by {@code LoginDialog} and
|
|
* {@code WaitForOwnerDialog}.
|
|
*/
|
|
const text = {
|
|
};
|
|
|
|
/**
|
|
* The styles of the authentication feature.
|
|
*/
|
|
export default createStyleSheet({
|
|
/**
|
|
* The style of bold {@code Text} rendered by the {@code Dialog}s of the
|
|
* feature authentication.
|
|
*/
|
|
boldDialogText: {
|
|
...text,
|
|
fontWeight: 'bold'
|
|
},
|
|
|
|
/**
|
|
* The style of {@code Text} rendered by the {@code Dialog}s of the
|
|
* feature authentication.
|
|
*/
|
|
dialogText: {
|
|
...text
|
|
},
|
|
|
|
/**
|
|
* The style of {@code TextInput} rendered by the {@code Dialog}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 {@code LoginDialog}.
|
|
*/
|
|
loginDialog: {
|
|
...dialog,
|
|
flex: 0,
|
|
flexDirection: 'column'
|
|
},
|
|
|
|
/**
|
|
* The style of {@code WaitForOwnerDialog}.
|
|
*/
|
|
waitForOwnerDialog: {
|
|
...dialog,
|
|
...text
|
|
}
|
|
});
|