1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-10-13 11:17:26 +02:00
unleash.unleash/frontend/src/component/project/ProjectCard/ProjectCard.styles.ts
Fredrik Strand Oseberg 37b818fce4 Feat/feature toggle view tags (#399)
* feat: new tags

* feat: archive

* wip: variants

* add support for deletion, variable/fixed weight toggle and weight editing

* Add confirmation dialogue for deleting variants

* feat: settings

* fix: recalculate on project name change

* feat: feature environment metrics

* feat: environment

* Add toggle for stale

* fix: refetch on create strategy

* fix: lint

* fix: update snapshots

* fix: add link to icon button

* fix: revert test user

* fix: increase size!

* fix: use permission attr for ResponsiveButton

* fix: dev dependency

* fix: theme

* fix: stale style

* Update src/component/feature/FeatureView2/FeatureSettings/FeatureSettingsMetadata/FeatureTypeSelect/FeatureTypeSelect.tsx

Co-authored-by: Christopher Kolstad <chriswk@getunleash.ai>

* Update src/component/feature/FeatureView2/FeatureVariants/FeatureVariantsList/FeatureVariantsList.tsx

Co-authored-by: Christopher Kolstad <chriswk@getunleash.ai>

* Update src/component/feature/FeatureView2/FeatureVariants/FeatureVariantsList/FeatureVariantsListItem/useDeleteVariantMarkup.tsx

Co-authored-by: Christopher Kolstad <chriswk@getunleash.ai>

Co-authored-by: Christopher Kolstad <chriswk@getunleash.ai>
Co-authored-by: Christopher Kolstad <git@chriswk.no>
2021-10-08 11:23:29 +02:00

53 lines
1.2 KiB
TypeScript

import { makeStyles } from '@material-ui/core/styles';
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('xs')]: {
justifyContent: 'center',
},
},
header: {
display: 'flex',
alignItems: 'center',
justifyContent: 'space-between',
},
title: {
fontWeight: 'normal',
fontSize: '1rem',
},
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',
},
}));