mirror of
https://github.com/Unleash/unleash.git
synced 2024-12-28 00:06:53 +01:00
37b818fce4
* feat: new tags * feat: archive * wip: variants * add support for deletion, variable/fixed weight toggle and weight editing * Add confirmation dialogue for deleting variants * feat: settings * fix: recalculate on project name change * feat: feature environment metrics * feat: environment * Add toggle for stale * fix: refetch on create strategy * fix: lint * fix: update snapshots * fix: add link to icon button * fix: revert test user * fix: increase size! * fix: use permission attr for ResponsiveButton * fix: dev dependency * fix: theme * fix: stale style * Update src/component/feature/FeatureView2/FeatureSettings/FeatureSettingsMetadata/FeatureTypeSelect/FeatureTypeSelect.tsx Co-authored-by: Christopher Kolstad <chriswk@getunleash.ai> * Update src/component/feature/FeatureView2/FeatureVariants/FeatureVariantsList/FeatureVariantsList.tsx Co-authored-by: Christopher Kolstad <chriswk@getunleash.ai> * Update src/component/feature/FeatureView2/FeatureVariants/FeatureVariantsList/FeatureVariantsListItem/useDeleteVariantMarkup.tsx Co-authored-by: Christopher Kolstad <chriswk@getunleash.ai> Co-authored-by: Christopher Kolstad <chriswk@getunleash.ai> Co-authored-by: Christopher Kolstad <git@chriswk.no>
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: 'fixed',
|
|
},
|
|
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',
|
|
},
|
|
}));
|