@ant-design/pro-layout
Version:
86 lines • 2.52 kB
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 };