70 lines
1.4 KiB
JavaScript
70 lines
1.4 KiB
JavaScript
|
import BaseTheme from '../../../base/ui/components/BaseTheme.native';
|
||
|
|
||
|
const baseButton = {
|
||
|
height: BaseTheme.spacing[6],
|
||
|
marginTop: BaseTheme.spacing[2],
|
||
|
marginLeft: BaseTheme.spacing[3],
|
||
|
marginRight: BaseTheme.spacing[3]
|
||
|
};
|
||
|
|
||
|
const baseLabel = {
|
||
|
fontSize: 15,
|
||
|
lineHeight: 24,
|
||
|
textTransform: 'capitalize'
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* The styles of the native components of the feature {@code breakout rooms}.
|
||
|
*/
|
||
|
export default {
|
||
|
|
||
|
addButtonLabel: {
|
||
|
...baseLabel,
|
||
|
color: BaseTheme.palette.text01
|
||
|
},
|
||
|
|
||
|
addButton: {
|
||
|
...baseButton,
|
||
|
backgroundColor: BaseTheme.palette.ui03
|
||
|
},
|
||
|
|
||
|
collapsibleRoom: {
|
||
|
...baseButton,
|
||
|
display: 'flex',
|
||
|
flexDirection: 'row',
|
||
|
alignItems: 'center'
|
||
|
},
|
||
|
|
||
|
arrowIcon: {
|
||
|
backgroundColor: BaseTheme.palette.ui03,
|
||
|
height: BaseTheme.spacing[5],
|
||
|
width: BaseTheme.spacing[5],
|
||
|
borderRadius: 6,
|
||
|
display: 'flex',
|
||
|
alignItems: 'center',
|
||
|
justifyContent: 'center'
|
||
|
},
|
||
|
|
||
|
roomName: {
|
||
|
fontSize: 15,
|
||
|
color: BaseTheme.palette.text01,
|
||
|
fontWeight: 'bold',
|
||
|
marginLeft: BaseTheme.spacing[2]
|
||
|
},
|
||
|
|
||
|
transparentButton: {
|
||
|
...baseButton,
|
||
|
backgroundColor: 'transparent'
|
||
|
},
|
||
|
|
||
|
leaveButtonLabel: {
|
||
|
...baseLabel,
|
||
|
color: BaseTheme.palette.textError
|
||
|
},
|
||
|
|
||
|
autoAssignLabel: {
|
||
|
...baseLabel,
|
||
|
color: BaseTheme.palette.link01
|
||
|
}
|
||
|
};
|