jiti-meet/react/features/video-menu/components/native/styles.js

91 lines
2.1 KiB
JavaScript
Raw Normal View History

2018-12-19 18:40:17 +00:00
// @flow
2019-01-05 16:49:21 +00:00
import {
MD_FONT_SIZE,
MD_ITEM_HEIGHT,
MD_ITEM_MARGIN_PADDING
} from '../../../base/dialog';
2018-12-19 18:40:17 +00:00
import { ColorPalette, createStyleSheet } from '../../../base/styles';
import BaseTheme from '../../../base/ui/components/BaseTheme.native';
2018-12-19 18:40:17 +00:00
export default createStyleSheet({
participantNameContainer: {
alignItems: 'center',
borderBottomColor: BaseTheme.palette.dividerColor,
borderBottomWidth: 0.4,
borderTopLeftRadius: 16,
borderTopRightRadius: 16,
2018-12-19 18:40:17 +00:00
flexDirection: 'row',
height: MD_ITEM_HEIGHT,
paddingLeft: MD_ITEM_MARGIN_PADDING
2018-12-19 18:40:17 +00:00
},
participantNameLabel: {
color: ColorPalette.lightGrey,
flexShrink: 1,
2019-01-05 16:49:21 +00:00
fontSize: MD_FONT_SIZE,
marginLeft: MD_ITEM_MARGIN_PADDING,
2018-12-19 18:40:17 +00:00
opacity: 0.90
2020-12-22 09:12:52 +00:00
},
statsTitleText: {
color: BaseTheme.palette.text01,
2020-12-22 09:12:52 +00:00
fontSize: 16,
fontWeight: 'bold',
marginRight: 3
},
statsInfoText: {
color: BaseTheme.palette.text01,
2020-12-22 09:12:52 +00:00
fontSize: 16,
marginRight: 2,
marginLeft: 2
},
statsInfoCell: {
alignItems: 'center',
flexDirection: 'row',
height: 30,
justifyContent: 'flex-start'
},
statsWrapper: {
margin: BaseTheme.spacing[3]
},
volumeSliderContainer: {
alignItems: 'center',
flexDirection: 'row',
marginHorizontal: BaseTheme.spacing[3],
marginVertical: BaseTheme.spacing[2]
},
sliderContainer: {
marginLeft: BaseTheme.spacing[3],
minWidth: '80%'
},
divider: {
backgroundColor: BaseTheme.palette.dividerColor
},
dividerDialog: {
2022-03-20 18:12:30 +00:00
backgroundColor: BaseTheme.palette.dividerColor,
marginBottom: BaseTheme.spacing[3]
},
contextMenuItem: {
alignItems: 'center',
display: 'flex',
flexDirection: 'row',
height: BaseTheme.spacing[7],
marginLeft: BaseTheme.spacing[3]
},
contextMenuItemText: {
...BaseTheme.typography.bodyShortRegularLarge,
color: BaseTheme.palette.text01,
marginLeft: BaseTheme.spacing[4]
2018-12-19 18:40:17 +00:00
}
});