mirror of
https://github.com/Unleash/unleash.git
synced 2025-04-24 01:18:01 +02:00
6818a82cd1
* feat: add dark mode theme * fix: feature metrics * fix: add color * styling * fix: add switch * fix: form sidebar * fix: remove console log * fix: add properties * fix: strategy container * feat: feature flag * fix: tests * fix: build * fix: logo * fix: icon * fix: update snapshots * fix: CES operator * fix: typography * fix: input styling * fix: remove initial load * fix: change flag name * fix: refactor to custom hook * fix: remove unused import * fix: dialog headers * fix: use uiConfig flags instead of flags
60 lines
1.4 KiB
TypeScript
60 lines
1.4 KiB
TypeScript
import { makeStyles } from 'tss-react/mui';
|
|
|
|
export const useStyles = makeStyles()(theme => ({
|
|
container: {
|
|
borderRadius: theme.shape.borderRadiusLarge,
|
|
color: '#fff',
|
|
backgroundColor: theme.palette.featureMetaData,
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
maxWidth: '350px',
|
|
minWidth: '350px',
|
|
marginRight: '1rem',
|
|
[theme.breakpoints.down(1000)]: {
|
|
width: '100%',
|
|
maxWidth: 'none',
|
|
minWidth: 'auto',
|
|
},
|
|
},
|
|
paddingContainerTop: {
|
|
padding: '1.5rem 1.5rem 0 1.5rem',
|
|
},
|
|
paddingContainerBottom: {
|
|
padding: '0 1.5rem 1.5rem 1.5rem',
|
|
borderTop: `1px solid ${theme.palette.grey[300]}`,
|
|
},
|
|
metaDataHeader: {
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
},
|
|
header: {
|
|
fontSize: theme.fontSizes.bodySize,
|
|
fontWeight: 'normal',
|
|
margin: 0,
|
|
},
|
|
body: {
|
|
margin: '1rem 0',
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
},
|
|
bodyItem: {
|
|
margin: '0.5rem 0',
|
|
fontSize: theme.fontSizes.bodySize,
|
|
wordBreak: 'break-all',
|
|
},
|
|
headerIcon: {
|
|
marginRight: '1rem',
|
|
height: '40px',
|
|
width: '40px',
|
|
fill: '#fff',
|
|
},
|
|
descriptionContainer: {
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
color: '#fff',
|
|
},
|
|
editIcon: {
|
|
color: '#fff',
|
|
},
|
|
}));
|