mirror of
https://github.com/Unleash/unleash.git
synced 2025-04-15 01:16:22 +02:00
f2a85ebf79
* fix: add the toggle switch inside the strategies list * fix: styling strategy execution tab * fix: remove visual execution from strategy tab * fix: test fail on yarn build * fix: add style for the strategy container * fix: remove overlapping of switch * fix: remove border from select strategy * fix: remove borders and adjust icon rollout * fix: use theme grey Co-authored-by: Fredrik Strand Oseberg <fredrik.no@gmail.com>
92 lines
2.1 KiB
TypeScript
92 lines
2.1 KiB
TypeScript
import { makeStyles } from '@material-ui/core/styles';
|
|
|
|
export const useStyles = makeStyles(theme => ({
|
|
container: {
|
|
width: '100%',
|
|
[theme.breakpoints.down(900)]: {
|
|
width: '50%',
|
|
},
|
|
[theme.breakpoints.down(700)]: {
|
|
width: '0%',
|
|
},
|
|
},
|
|
fullWidth: {
|
|
width: '100%',
|
|
},
|
|
environmentsHeader: {
|
|
display: 'flex',
|
|
paddingTop: '1rem',
|
|
justifyContent: 'flex-end',
|
|
position: 'relative',
|
|
alignItems: 'center',
|
|
[theme.breakpoints.down(700)]: {
|
|
padding: '1.5rem',
|
|
},
|
|
},
|
|
outerTabContentContainer: {
|
|
margin: '1rem 2rem',
|
|
paddingBottom: '2rem',
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
[theme.breakpoints.down(700)]: {
|
|
padding: '0',
|
|
},
|
|
},
|
|
tabContentContainer: {
|
|
display: 'flex',
|
|
position: 'relative',
|
|
justifyContent: 'space-between',
|
|
[theme.breakpoints.down(700)]: {
|
|
padding: '1.5rem',
|
|
},
|
|
},
|
|
listContainerWithoutSidebar: {
|
|
width: '100%',
|
|
},
|
|
listContainer: {
|
|
width: '100%',
|
|
[theme.breakpoints.down(700)]: {
|
|
width: '100%',
|
|
},
|
|
},
|
|
listContainerFullWidth: { width: '100%' },
|
|
containerListView: {
|
|
display: 'none',
|
|
marginTop: 'none',
|
|
},
|
|
header: {
|
|
fontSize: theme.fontSizes.mainHeader,
|
|
fontWeight: 'normal',
|
|
},
|
|
tabContainer: {
|
|
margin: '0rem 2rem 2rem 2rem',
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
},
|
|
strategyButtonContainer: {
|
|
marginLeft: 'auto',
|
|
marginBottom: '2rem',
|
|
},
|
|
selectStrategy: {
|
|
marginTop: '0',
|
|
},
|
|
configureStrategy: {
|
|
display: 'none',
|
|
},
|
|
addStrategyButton: {
|
|
marginLeft: 'auto',
|
|
marginTop: '10px',
|
|
},
|
|
tabNavigation: {
|
|
backgroundColor: 'transparent',
|
|
textTransform: 'none',
|
|
boxShadow: 'none',
|
|
borderBottom: `1px solid ${theme.palette.grey[400]}`,
|
|
width: '100%',
|
|
},
|
|
tabButton: {
|
|
textTransform: 'none',
|
|
width: 'auto',
|
|
},
|
|
}));
|