jiti-meet/react/features/mobile/audio-mode/components/styles.js

47 lines
1.0 KiB
JavaScript
Raw Normal View History

// @flow
2019-01-05 16:49:21 +00:00
import { MD_ITEM_HEIGHT } from '../../../base/dialog';
import { ColorPalette, createStyleSheet } from '../../../base/styles';
/**
* The React {@code Component} styles of {@code AudioRoutePickerDialog}.
*
* It uses a {@code BottomSheet} and these have been implemented as per the
* Material Design guidelines:
* {@link https://material.io/guidelines/components/bottom-sheets.html}.
*/
export default createStyleSheet({
/**
* Base style for each row.
*/
deviceRow: {
alignItems: 'center',
flexDirection: 'row',
2019-01-05 16:49:21 +00:00
height: MD_ITEM_HEIGHT
},
/**
* Style for the {@code Icon} element in a row.
*/
deviceIcon: {
2018-12-18 11:18:54 +00:00
color: ColorPalette.white,
fontSize: 24
},
/**
* Style for the {@code Text} element in a row.
*/
deviceText: {
2018-12-18 11:18:54 +00:00
color: ColorPalette.white,
fontSize: 16,
marginLeft: 32
},
/**
* Style for a row which is marked as selected.
*/
selectedText: {
color: ColorPalette.blue
}
});