1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-01-25 00:07:47 +01:00
unleash.unleash/frontend/src/component/project/Project/Project.styles.ts
Nuno Góis cdfb1f2452 fix: feature toggle list and UI adjustments (#970)
* fix: add highlight and hover colors, fix them

* misc ui adjustments

* test isGrow prop in table cols

* fix: revert typography changes, update snaps

* Update src/themes/themeTypes.ts

Co-authored-by: Tymoteusz Czech <2625371+Tymek@users.noreply.github.com>

* fix: misc ui adjustments

* fix: backButton color

* refactor: color not needed, can be inherited

* fix: project roles case, new borderRadius values

* fix: color green

* fix: feature form link

* update snaps

* fix: formatting

* update snap

Co-authored-by: Tymoteusz Czech <2625371+Tymek@users.noreply.github.com>
2022-05-12 15:34:04 +02:00

53 lines
1.3 KiB
TypeScript

import { makeStyles } from 'tss-react/mui';
export const useStyles = makeStyles()(theme => ({
containerStyles: {
marginTop: '1.5rem',
display: 'flex',
[theme.breakpoints.down('md')]: {
flexDirection: 'column',
},
},
projectToggles: { width: '100%', minHeight: '100%' },
header: {
backgroundColor: '#fff',
borderRadius: theme.shape.borderRadiusLarge,
marginBottom: '1rem',
},
innerContainer: {
padding: '1rem 2rem',
display: 'flex',
alignItems: 'center',
},
separator: {
width: '100%',
backgroundColor: theme.palette.grey[200],
height: '1px',
},
tabContainer: {
padding: '0 2rem',
},
tabButton: {
textTransform: 'none',
width: 'auto',
fontSize: '1rem',
[theme.breakpoints.up('md')]: {
minWidth: 160,
},
},
title: {
fontSize: theme.fontSizes.mainHeader,
fontWeight: 'bold',
marginBottom: '0.5rem',
display: 'grid',
gridTemplateColumns: '1fr auto',
alignItems: 'center',
gridGap: '1rem',
},
titleText: {
overflow: 'hidden',
textOverflow: 'ellipsis',
whiteSpace: 'nowrap',
},
}));