You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
76 lines
1.6 KiB
76 lines
1.6 KiB
import { createStyles } from 'antd-style';
|
|
|
|
const useStyles = createStyles(({ token }) => {
|
|
return {
|
|
avatarHolder: {
|
|
marginBottom: '24px',
|
|
textAlign: 'center',
|
|
'& > img': { width: '104px', height: '104px', marginBottom: '20px' },
|
|
name: {
|
|
marginBottom: '4px',
|
|
color: token.headingColor,
|
|
fontWeight: '500',
|
|
fontSize: '20px',
|
|
lineHeight: '28px',
|
|
},
|
|
},
|
|
detail: {
|
|
p: {
|
|
position: 'relative',
|
|
marginBottom: '8px',
|
|
paddingLeft: '26px',
|
|
'&:last-child': {
|
|
marginBottom: '0',
|
|
},
|
|
},
|
|
i: {
|
|
position: 'absolute',
|
|
top: '4px',
|
|
left: '0',
|
|
width: '14px',
|
|
height: '14px',
|
|
},
|
|
},
|
|
'tagsTitle,.teamTitle': {
|
|
marginBottom: '12px',
|
|
color: token.headingColor,
|
|
fontWeight: '500',
|
|
},
|
|
tags: {
|
|
':global': {
|
|
'ant-tag': {
|
|
marginBottom: '8px',
|
|
},
|
|
},
|
|
},
|
|
team: {
|
|
':global': {
|
|
'ant-avatar': {
|
|
marginRight: '12px',
|
|
},
|
|
},
|
|
a: {
|
|
display: 'block',
|
|
marginBottom: '24px',
|
|
overflow: 'hidden',
|
|
color: token.textColor,
|
|
whiteSpace: 'nowrap',
|
|
textOverflow: 'ellipsis',
|
|
wordBreak: 'break-all',
|
|
transition: 'color 0.3s',
|
|
'&:hover': {
|
|
color: token.colorPrimary,
|
|
},
|
|
},
|
|
},
|
|
tabsCard: {
|
|
':global': {
|
|
'ant-card-head': {
|
|
padding: '0 16px',
|
|
},
|
|
},
|
|
},
|
|
};
|
|
});
|
|
|
|
export default useStyles;
|
|
|