mirror of
https://github.com/Unleash/unleash.git
synced 2025-04-01 01:18:10 +02:00
81c25c7774
* fix: constraint-related UI fixes * test spans on values list * fix: values truncation, misc UI fixes * fix: no longer assign const variable (debug)
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.grey[100],
|
|
},
|
|
},
|
|
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',
|
|
},
|
|
}));
|