86 lines
2.5 KiB
JavaScript
86 lines
2.5 KiB
JavaScript
var genAppsLogoComponentsSimpleListStyle = function genAppsLogoComponentsSimpleListStyle(token) {
|
|
return {
|
|
'&-content': {
|
|
maxHeight: 'calc(100vh - 48px)',
|
|
overflow: 'auto',
|
|
'&-list': {
|
|
boxSizing: 'border-box',
|
|
maxWidth: 376,
|
|
marginBlock: 0,
|
|
marginInline: 0,
|
|
paddingBlock: 0,
|
|
paddingInline: 0,
|
|
listStyle: 'none',
|
|
'&-item': {
|
|
position: 'relative',
|
|
display: 'inline-block',
|
|
width: 104,
|
|
height: 104,
|
|
marginBlock: 8,
|
|
marginInline: 8,
|
|
paddingInline: 24,
|
|
paddingBlock: 24,
|
|
verticalAlign: 'top',
|
|
listStyleType: 'none',
|
|
transition: 'transform 0.2s cubic-bezier(0.333, 0, 0, 1)',
|
|
borderRadius: token.borderRadius,
|
|
'&-group': {
|
|
marginBottom: 16,
|
|
'&-title': {
|
|
margin: '16px 0 8px 12px',
|
|
fontWeight: 600,
|
|
color: 'rgba(0, 0, 0, 0.88)',
|
|
fontSize: 16,
|
|
opacity: 0.85,
|
|
lineHeight: 1.5,
|
|
'&:first-child': {
|
|
marginTop: 12
|
|
}
|
|
}
|
|
},
|
|
'&:hover': {
|
|
backgroundColor: token.colorBgTextHover
|
|
},
|
|
a: {
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
alignItems: 'center',
|
|
height: '100%',
|
|
fontSize: 12,
|
|
textDecoration: 'none',
|
|
'& > #avatarLogo': {
|
|
width: 40,
|
|
height: 40,
|
|
margin: '0 auto',
|
|
color: token.colorPrimary,
|
|
fontSize: 22,
|
|
lineHeight: '40px',
|
|
textAlign: 'center',
|
|
backgroundImage: 'linear-gradient(180deg, #E8F0FB 0%, #F6F8FC 100%)',
|
|
borderRadius: token.borderRadius
|
|
},
|
|
'& > img': {
|
|
width: 40,
|
|
height: 40
|
|
},
|
|
'& > div': {
|
|
marginBlockStart: 5,
|
|
marginInlineStart: 0,
|
|
color: token.colorTextHeading,
|
|
fontSize: 14,
|
|
lineHeight: '22px',
|
|
whiteSpace: 'nowrap',
|
|
textOverflow: 'ellipsis'
|
|
},
|
|
'& > div > span': {
|
|
color: token.colorTextSecondary,
|
|
fontSize: 12,
|
|
lineHeight: '20px'
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
};
|
|
};
|
|
export { genAppsLogoComponentsSimpleListStyle }; |