51 lines
1.0 KiB
JavaScript
51 lines
1.0 KiB
JavaScript
// @flow
|
|
|
|
import { ColorPalette, createStyleSheet } from '../../../base/styles';
|
|
|
|
/**
|
|
* Underlay color for the buttons on the sheet.
|
|
*
|
|
* @type {string}
|
|
*/
|
|
export const UNDERLAY_COLOR = '#eee';
|
|
|
|
/**
|
|
* 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',
|
|
height: 48
|
|
},
|
|
|
|
/**
|
|
* Style for the {@code Icon} element in a row.
|
|
*/
|
|
deviceIcon: {
|
|
fontSize: 24
|
|
},
|
|
|
|
/**
|
|
* Style for the {@code Text} element in a row.
|
|
*/
|
|
deviceText: {
|
|
fontSize: 16,
|
|
marginLeft: 32
|
|
},
|
|
|
|
/**
|
|
* Style for a row which is marked as selected.
|
|
*/
|
|
selectedText: {
|
|
color: ColorPalette.blue
|
|
}
|
|
});
|