mirror of
https://github.com/Unleash/unleash.git
synced 2024-12-28 00:06:53 +01:00
f04ed138ed
* fix: ensure constraints exists before running check * fix: project select * fix: add zIndex to toast starting position * fix: lint * fix: hide project select in oss
94 lines
2.1 KiB
JavaScript
94 lines
2.1 KiB
JavaScript
import { makeStyles } from '@material-ui/styles';
|
|
|
|
export const useCommonStyles = makeStyles(theme => ({
|
|
contentSpacingY: {
|
|
'& > *': {
|
|
marginTop: '0.5rem !important',
|
|
marginBottom: '0.5rem !important',
|
|
},
|
|
},
|
|
contentSpacingYLarge: {
|
|
'& > *': {
|
|
marginTop: '1.5rem !important',
|
|
marginBottom: '1.5rem !important',
|
|
},
|
|
},
|
|
contentSpacingX: {
|
|
'& > *': {
|
|
marginRight: '0.8rem !important',
|
|
marginLeft: '0.8rem !important',
|
|
},
|
|
},
|
|
divider: {
|
|
margin: '1rem 0',
|
|
backgroundColor: theme.palette.division.main,
|
|
height: '3px',
|
|
width: '100%',
|
|
},
|
|
largeDivider: {
|
|
margin: '2rem 0',
|
|
backgroundColor: theme.palette.division.main,
|
|
height: '3px',
|
|
width: '100%',
|
|
},
|
|
bold: {
|
|
fontWeight: 'bold',
|
|
},
|
|
flexRow: {
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
},
|
|
flexColumn: {
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
},
|
|
itemsCenter: {
|
|
alignItems: 'center',
|
|
},
|
|
justifyCenter: {
|
|
justifyContent: 'center',
|
|
},
|
|
flexWrap: {
|
|
flexWrap: 'wrap',
|
|
},
|
|
textCenter: {
|
|
textAlign: 'center',
|
|
},
|
|
fullWidth: {
|
|
width: '100%',
|
|
},
|
|
fullHeight: {
|
|
height: '100%',
|
|
},
|
|
title: {
|
|
fontSize: theme.fontSizes.mainHeader,
|
|
fontWeight: 'bold',
|
|
marginBottom: '0.5rem',
|
|
},
|
|
fadeInBottomStart: {
|
|
opacity: '0',
|
|
position: 'fixed',
|
|
right: '40px',
|
|
bottom: '40px',
|
|
transform: 'translateY(400px)',
|
|
},
|
|
fadeInBottomStartWithoutFixed: {
|
|
opacity: '0',
|
|
right: '40px',
|
|
bottom: '40px',
|
|
transform: 'translateY(400px)',
|
|
zIndex: 300,
|
|
position: 'relative',
|
|
},
|
|
fadeInBottomEnter: {
|
|
transform: 'translateY(0)',
|
|
opacity: '1',
|
|
transition: 'transform 0.6s ease, opacity 1s ease',
|
|
},
|
|
fadeInBottomLeave: {
|
|
transform: 'translateY(400px)',
|
|
opacity: '0',
|
|
transition: 'transform 1.25s ease, opacity 1s ease',
|
|
},
|
|
}));
|