| 1 | var genAppsLogoComponentsSimpleListStyle = function genAppsLogoComponentsSimpleListStyle(token) {
|
| 2 | return {
|
| 3 | '&-content': {
|
| 4 | maxHeight: 'calc(100vh - 48px)',
|
| 5 | overflow: 'auto',
|
| 6 | '&-list': {
|
| 7 | boxSizing: 'border-box',
|
| 8 | maxWidth: 376,
|
| 9 | marginBlock: 0,
|
| 10 | marginInline: 0,
|
| 11 | paddingBlock: 0,
|
| 12 | paddingInline: 0,
|
| 13 | listStyle: 'none',
|
| 14 | '*': {
|
| 15 | boxSizing: 'border-box',
|
| 16 | fontFamily: token.fontFamily
|
| 17 | },
|
| 18 | '&-item': {
|
| 19 | position: 'relative',
|
| 20 | display: 'inline-block',
|
| 21 | width: 104,
|
| 22 | height: 104,
|
| 23 | marginBlock: 8,
|
| 24 | marginInline: 8,
|
| 25 | paddingInline: 24,
|
| 26 | paddingBlock: 24,
|
| 27 | verticalAlign: 'top',
|
| 28 | listStyleType: 'none',
|
| 29 | transition: 'transform 0.2s cubic-bezier(0.333, 0, 0, 1)',
|
| 30 | borderRadius: token.borderRadius,
|
| 31 | '&-group': {
|
| 32 | marginBottom: 16,
|
| 33 | '&-title': {
|
| 34 | margin: '16px 0 8px 12px',
|
| 35 | fontWeight: 600,
|
| 36 | color: 'rgba(0, 0, 0, 0.88)',
|
| 37 | fontSize: 16,
|
| 38 | opacity: 0.85,
|
| 39 | lineHeight: 1.5,
|
| 40 | '&:first-child': {
|
| 41 | marginTop: 12
|
| 42 | }
|
| 43 | }
|
| 44 | },
|
| 45 | '&:hover': {
|
| 46 | backgroundColor: token.colorBgTextHover
|
| 47 | },
|
| 48 | a: {
|
| 49 | display: 'flex',
|
| 50 | flexDirection: 'column',
|
| 51 | alignItems: 'center',
|
| 52 | height: '100%',
|
| 53 | fontSize: 12,
|
| 54 | textDecoration: 'none',
|
| 55 | '& > #avatarLogo': {
|
| 56 | width: 40,
|
| 57 | height: 40,
|
| 58 | margin: '0 auto',
|
| 59 | color: token.colorPrimary,
|
| 60 | fontSize: 22,
|
| 61 | lineHeight: '40px',
|
| 62 | textAlign: 'center',
|
| 63 | backgroundImage: 'linear-gradient(180deg, #E8F0FB 0%, #F6F8FC 100%)',
|
| 64 | borderRadius: token.borderRadius
|
| 65 | },
|
| 66 | '& > img': {
|
| 67 | width: 40,
|
| 68 | height: 40
|
| 69 | },
|
| 70 | '& > div': {
|
| 71 | marginBlockStart: 5,
|
| 72 | marginInlineStart: 0,
|
| 73 | color: token.colorTextHeading,
|
| 74 | fontSize: 14,
|
| 75 | lineHeight: '22px',
|
| 76 | whiteSpace: 'nowrap',
|
| 77 | textOverflow: 'ellipsis'
|
| 78 | },
|
| 79 | '& > div > span': {
|
| 80 | color: token.colorTextSecondary,
|
| 81 | fontSize: 12,
|
| 82 | lineHeight: '20px'
|
| 83 | }
|
| 84 | }
|
| 85 | }
|
| 86 | }
|
| 87 | }
|
| 88 | };
|
| 89 | };
|
| 90 | export { genAppsLogoComponentsSimpleListStyle }; |
| \ | No newline at end of file |