gui/src/renderer/components/PreferencesStyles.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

import styled from 'styled-components';

import { colors } from '../../config.json';
import { InfoIcon } from './InfoButton';
import { Container } from './Layout';

export const StyledContainer = styled(Container)({
  backgroundColor: colors.darkBlue,
});

export const StyledContent = styled.div({
  display: 'flex',
  flexDirection: 'column',
  flex: 1,
  marginBottom: '2px',
});

export const StyledSeparator = styled.div((props: { height?: number }) => ({
  height: `${props.height ?? 1}px`,
}));

export const StyledInfoIcon = styled(InfoIcon)({
  marginRight: '16px',
});