mirror of
https://github.com/Unleash/unleash.git
synced 2025-04-19 01:17:18 +02:00
c70b38a62a
* feat: add icon to custom strategies * feat: update feature toggle screen layout * strategy and constraints separators * style disabled envirnments * strategy constraint style * strategy drag and drop * feature env emtpy state * quick add strategy api * reorder strategies api integration * feature strategy header title * openapi update * style small chip component * fix comments after review * fix issues with strategy constraint operators * Revert "openapi update" This reverts commit 27e7651ebae26f61ca76ec910e1f209bae7f2955. * fix tooltip ref
62 lines
1.4 KiB
TypeScript
62 lines
1.4 KiB
TypeScript
import { makeStyles } from 'tss-react/mui';
|
|
|
|
export const useStyles = makeStyles()(theme => ({
|
|
projectCard: {
|
|
padding: '1rem',
|
|
width: '220px',
|
|
height: '204px',
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
justifyContent: 'space-between',
|
|
margin: '0.5rem',
|
|
boxShadow: 'none',
|
|
border: '1px solid #efefef',
|
|
[theme.breakpoints.down('sm')]: {
|
|
justifyContent: 'center',
|
|
},
|
|
'&:hover': {
|
|
transition: 'background-color 0.2s ease-in-out',
|
|
backgroundColor: theme.palette.neutral.light,
|
|
},
|
|
},
|
|
header: {
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
justifyContent: 'space-between',
|
|
},
|
|
title: {
|
|
fontWeight: 'normal',
|
|
fontSize: '1rem',
|
|
lineClamp: 2,
|
|
display: '-webkit-box',
|
|
boxOrient: 'vertical',
|
|
textOverflow: 'ellipsis',
|
|
overflow: 'hidden',
|
|
},
|
|
|
|
projectIcon: {
|
|
margin: '1rem auto',
|
|
width: '80px',
|
|
display: 'block',
|
|
},
|
|
info: {
|
|
display: 'flex',
|
|
justifyContent: 'space-between',
|
|
fontSize: '0.8rem',
|
|
},
|
|
infoBox: {
|
|
textAlign: 'center',
|
|
},
|
|
infoStats: {
|
|
color: '#4A4599',
|
|
fontWeight: 'bold',
|
|
},
|
|
actionsBtn: {
|
|
transform: 'translateX(15px)',
|
|
},
|
|
icon: {
|
|
color: theme.palette.grey[700],
|
|
marginRight: '0.5rem',
|
|
},
|
|
}));
|