mirror of
https://github.com/Unleash/unleash.git
synced 2024-10-18 20:09:08 +02:00
1a63d91f95
* feat: change color scheme * feat: add navigation menu * fix: add bg image * fix: add archive and strategies to navigation * fix: round corners * feat: mobile view project details * feat: mobile view navigation * fix: only show menu if user is admin * fix: rename navigation * fix: only render relevant routes for oss context * feat: add project actions * feat: add icons * feat: add breadcrumbs * fix: place breadcrumbs absolutely * fix: adjust breadcrumbs * fix: toast * fix: cleanup * fix login * fix: breadcrumbs * fix: add billing link * fix: links * fix: feature view * fix: path to go back * fix: remove default value * fix: remove unused imports * refactor: delete outdated test * fix: add item to filter in breadcrumb * fix: remove console log
89 lines
1.9 KiB
JavaScript
89 lines
1.9 KiB
JavaScript
import { makeStyles } from '@material-ui/styles';
|
|
|
|
export const useCommonStyles = makeStyles(theme => ({
|
|
contentSpacingY: {
|
|
'& > *': {
|
|
margin: '0.5rem 0',
|
|
},
|
|
},
|
|
contentSpacingYLarge: {
|
|
'& > *': {
|
|
margin: '1.5rem 0',
|
|
},
|
|
},
|
|
contentSpacingX: {
|
|
'& > *': {
|
|
margin: '0 0.8rem',
|
|
},
|
|
},
|
|
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)',
|
|
},
|
|
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',
|
|
},
|
|
}));
|