mirror of
https://github.com/Unleash/unleash.git
synced 2025-04-15 01:16:22 +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
63 lines
1.5 KiB
TypeScript
63 lines
1.5 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.projectCard.hover,
|
|
},
|
|
},
|
|
header: {
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
justifyContent: 'space-between',
|
|
},
|
|
title: {
|
|
fontWeight: 'normal',
|
|
fontSize: '1rem',
|
|
lineClamp: 2,
|
|
display: '-webkit-box',
|
|
boxOrient: 'vertical',
|
|
textOverflow: 'ellipsis',
|
|
overflow: 'hidden',
|
|
alignItems: 'flex-start',
|
|
},
|
|
|
|
projectIcon: {
|
|
margin: '1rem auto',
|
|
width: '80px',
|
|
display: 'block',
|
|
},
|
|
info: {
|
|
display: 'flex',
|
|
justifyContent: 'space-between',
|
|
fontSize: '0.8rem',
|
|
},
|
|
infoBox: {
|
|
textAlign: 'center',
|
|
},
|
|
infoStats: {
|
|
color: theme.palette.projectCard.textColor,
|
|
fontWeight: 'bold',
|
|
},
|
|
actionsBtn: {
|
|
transform: 'translateX(15px)',
|
|
},
|
|
icon: {
|
|
color: theme.palette.grey[700],
|
|
marginRight: '0.5rem',
|
|
},
|
|
}));
|