1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-04-24 01:18:01 +02:00
unleash.unleash/frontend/src/component/segments/SegmentList/SegmentList.styles.ts
olav f59ba567fb refactor: add segment limit warnings (#851)
* refactor: fix environment name text alignment

* refactor: use rounded corners for AutocompleteBox

* refactor: add tooltips to the strategy segment icons

* refactor: add segment limit warnings

* refactor: improve segments warning text
2022-04-07 14:47:24 +02:00

56 lines
1.3 KiB
TypeScript

import { makeStyles } from '@material-ui/core/styles';
export const useStyles = makeStyles(theme => ({
docs: {
marginBottom: '2rem',
},
empty: {
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
marginBlock: '5rem',
},
title: {
fontSize: theme.fontSizes.mainHeader,
marginBottom: '1.25rem',
},
subtitle: {
fontSize: theme.fontSizes.smallBody,
color: theme.palette.grey[600],
maxWidth: 515,
marginBottom: 20,
textAlign: 'center',
},
tableRow: {
background: '#F6F6FA',
borderRadius: '8px',
},
paramButton: {
textDecoration: 'none',
color: theme.palette.primary.main,
fontWeight: theme.fontWeight.bold,
},
cell: {
borderBottom: 'none',
display: 'table-cell',
},
firstHeader: {
borderTopLeftRadius: '5px',
borderBottomLeftRadius: '5px',
},
lastHeader: {
borderTopRightRadius: '5px',
borderBottomRightRadius: '5px',
},
hideSM: {
[theme.breakpoints.down('sm')]: {
display: 'none',
},
},
hideXS: {
[theme.breakpoints.down('xs')]: {
display: 'none',
},
},
}));