diff options
Diffstat (limited to 'gui')
| -rw-r--r-- | gui/packages/desktop/src/renderer/components/Cell.js | 16 |
1 files changed, 15 insertions, 1 deletions
diff --git a/gui/packages/desktop/src/renderer/components/Cell.js b/gui/packages/desktop/src/renderer/components/Cell.js index 8bdf517656..446b86ea09 100644 --- a/gui/packages/desktop/src/renderer/components/Cell.js +++ b/gui/packages/desktop/src/renderer/components/Cell.js @@ -1,7 +1,7 @@ // @flow import * as React from 'react'; -import { Button, Text, Component, Styles, Types } from 'reactxp'; +import { Button, Text, Component, Styles, Types, View } from 'reactxp'; import PlainImg from './Img'; import { colors } from '../../config'; @@ -19,6 +19,14 @@ const styles = { alignContent: 'center', cursor: 'default', }), + cellContainer: Styles.createViewStyle({ + backgroundColor: colors.blue, + flexDirection: 'row', + alignItems: 'center', + paddingLeft: 24, + paddingRight: 12, + }), + cellHover: Styles.createViewStyle({ backgroundColor: colors.blue80, }), @@ -116,3 +124,9 @@ export class CellButton extends Component<CellButtonProps, State> { ); } } + +type ContainerProps = { children: React.Node }; + +export function Container({ children }: ContainerProps) { + return <View style={styles.cellContainer}>{children}</View>; +} |
