mirror of
https://github.com/Unleash/unleash.git
synced 2025-10-09 11:14:29 +02:00
c0da8ed6bc
* feat: toggle overview accordions * feat: accordion metrics * feat: result * add permission button * fix: remove feature environment container from strategies tab * chore: delete unused code * fix: remove console log * fix: remove unused code * fix: cleanup * fix: refactor * fix: add empty states * fix: loading * feat: mobile accordions * fix: button * fix: strategies * fix: cleanup * fix: remove unused params * fix: strategy button container * fix: alter gradual rollout id * fix: update userid strategy item * fix: string truncator * fix: strategy link * fix: strategies tab * fix: remove unused imports * fix: visual improvements * fix: add border
48 lines
1.1 KiB
TypeScript
48 lines
1.1 KiB
TypeScript
import { makeStyles } from '@material-ui/core/styles';
|
|
|
|
export const useStyles = makeStyles(theme => ({
|
|
container: { borderRadius: '10px', boxShadow: 'none', display: 'flex' },
|
|
header: {
|
|
backgroundColor: '#fff',
|
|
borderRadius: '10px',
|
|
marginBottom: '1rem',
|
|
},
|
|
toggleInfoContainer: {
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
},
|
|
innerContainer: {
|
|
padding: '1rem 2rem',
|
|
display: 'flex',
|
|
justifyContent: 'space-between',
|
|
alignItems: 'center',
|
|
},
|
|
separator: {
|
|
width: '100%',
|
|
backgroundColor: theme.palette.grey[200],
|
|
height: '1px',
|
|
},
|
|
tabContainer: {
|
|
padding: '1rem 2rem',
|
|
},
|
|
tabButton: {
|
|
textTransform: 'none',
|
|
width: 'auto',
|
|
fontSize: '1rem',
|
|
},
|
|
featureViewHeader: {
|
|
fontSize: theme.fontSizes.mainHeader,
|
|
fontWeight: 'normal',
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
},
|
|
statusContainer: {
|
|
marginLeft: '0.5rem',
|
|
},
|
|
[theme.breakpoints.down(500)]: {
|
|
innerContainer: {
|
|
flexDirection: 'column',
|
|
},
|
|
},
|
|
}));
|