期贤
3 years ago
60 changed files with 0 additions and 2683 deletions
@ -1,27 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
registerResult: { |
|
||||
width: '800px', |
|
||||
minHeight: '400px', |
|
||||
margin: 'auto', |
|
||||
padding: '80px', |
|
||||
background: 'none', |
|
||||
':global': { |
|
||||
anticon: { |
|
||||
fontSize: '64px', |
|
||||
}, |
|
||||
}, |
|
||||
title: { marginTop: '32px', fontSize: '20px', lineHeight: '28px' }, |
|
||||
actions: { |
|
||||
marginTop: '40px', |
|
||||
'a + a': { |
|
||||
marginLeft: '8px', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,41 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
main: { |
|
||||
width: '368px', |
|
||||
margin: '0 auto', |
|
||||
h3: { marginBottom: '20px', fontSize: '16px' }, |
|
||||
password: { |
|
||||
marginBottom: '24px', |
|
||||
':global': { |
|
||||
'ant-form-item-explain': { display: 'none' }, |
|
||||
}, |
|
||||
}, |
|
||||
getCaptcha: { display: 'block', width: '100%' }, |
|
||||
submit: { width: '50%' }, |
|
||||
login: { float: 'right', lineHeight: token.btnHeightLg }, |
|
||||
}, |
|
||||
'success,.warning,.error': { |
|
||||
transition: 'color 0.3s', |
|
||||
}, |
|
||||
success: { |
|
||||
color: token.successColor, |
|
||||
}, |
|
||||
warning: { |
|
||||
color: token.warningColor, |
|
||||
}, |
|
||||
error: { |
|
||||
color: token.errorColor, |
|
||||
}, |
|
||||
'progress-pass > .progress': { |
|
||||
':global': { |
|
||||
'ant-progress-bg': { |
|
||||
backgroundColor: token.warningColor, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,76 +0,0 @@ |
|||||
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; |
|
||||
@ -1,50 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
filterCardList: { |
|
||||
marginBottom: '-24px', |
|
||||
':global': { |
|
||||
'ant-card-meta-content': { |
|
||||
marginTop: '0', |
|
||||
}, |
|
||||
'// disabled white space ant-card-meta-avatar': { |
|
||||
fontSize: '0', |
|
||||
}, |
|
||||
'ant-list .ant-list-item-content-single': { |
|
||||
maxWidth: '100%', |
|
||||
}, |
|
||||
}, |
|
||||
cardInfo: { |
|
||||
marginTop: '16px', |
|
||||
marginLeft: '40px', |
|
||||
zoom: '1', |
|
||||
'&::before, &::after': { |
|
||||
display: 'table', |
|
||||
content: "' '", |
|
||||
}, |
|
||||
'&::after': { |
|
||||
clear: 'both', |
|
||||
height: '0', |
|
||||
fontSize: '0', |
|
||||
visibility: 'hidden', |
|
||||
}, |
|
||||
'& > div': { |
|
||||
position: 'relative', |
|
||||
float: 'left', |
|
||||
width: '50%', |
|
||||
textAlign: 'left', |
|
||||
p: { margin: '0', fontSize: '24px', lineHeight: '32px' }, |
|
||||
'p:first-child': { |
|
||||
marginBottom: '4px', |
|
||||
color: token.textColorSecondary, |
|
||||
fontSize: '12px', |
|
||||
lineHeight: '20px', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,28 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
listContent: { |
|
||||
description: { maxWidth: '720px', lineHeight: '22px' }, |
|
||||
extra: { |
|
||||
marginTop: '16px', |
|
||||
color: token.textColorSecondary, |
|
||||
lineHeight: '22px', |
|
||||
'& > em': { |
|
||||
marginLeft: '16px', |
|
||||
color: token.disabledColor, |
|
||||
fontStyle: 'normal', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
[`@mediascreen and (max-width: token.screen-xs)`]: { |
|
||||
listContent: { |
|
||||
extra: { |
|
||||
'& > em': { display: 'block', marginTop: '8px', marginLeft: '0' }, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,18 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
articleList: { |
|
||||
':global': { |
|
||||
'ant-list-item:first-child': { |
|
||||
paddingTop: '0', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
alistItemMetaTitle: { |
|
||||
color: token.headingColor, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,44 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
avatarList: { |
|
||||
display: 'inline-block', |
|
||||
ul: { display: 'inline-block', marginLeft: '8px', fontSize: '0' }, |
|
||||
}, |
|
||||
avatarItem: { |
|
||||
display: 'inline-block', |
|
||||
width: token.avatarSizeBase, |
|
||||
height: token.avatarSizeBase, |
|
||||
marginLeft: '-8px', |
|
||||
fontSize: token.fontSizeBase, |
|
||||
':global': { |
|
||||
'ant-avatar': { |
|
||||
border: '1px solid @border-color-base', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
avatarItemLarge: { |
|
||||
width: token.avatarSizeLg, |
|
||||
height: token.avatarSizeLg, |
|
||||
}, |
|
||||
avatarItemSmall: { |
|
||||
width: token.avatarSizeSm, |
|
||||
height: token.avatarSizeSm, |
|
||||
}, |
|
||||
avatarItemMini: { |
|
||||
width: '20px', |
|
||||
height: '20px', |
|
||||
':global': { |
|
||||
'ant-avatar': { |
|
||||
width: '20px', |
|
||||
height: '20px', |
|
||||
lineHeight: '20px', |
|
||||
'ant-avatar-string': { fontSize: '12px', lineHeight: '18px' }, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,55 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
coverCardList: { |
|
||||
card: { |
|
||||
':global': { |
|
||||
'ant-card-meta-title': { |
|
||||
marginBottom: '4px', |
|
||||
'& > a': { |
|
||||
display: 'inline-block', |
|
||||
maxWidth: '100%', |
|
||||
color: token.headingColor, |
|
||||
}, |
|
||||
}, |
|
||||
'ant-card-meta-description': { |
|
||||
height: '44px', |
|
||||
overflow: 'hidden', |
|
||||
lineHeight: '22px', |
|
||||
}, |
|
||||
}, |
|
||||
'&:hover': { |
|
||||
':global': { |
|
||||
'ant-card-meta-title > a': { |
|
||||
color: token.colorPrimary, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
cardItemContent: { |
|
||||
display: 'flex', |
|
||||
height: '20px', |
|
||||
marginTop: '16px', |
|
||||
marginBottom: '-4px', |
|
||||
lineHeight: '20px', |
|
||||
'& > span': { |
|
||||
flex: '1', |
|
||||
color: token.textColorSecondary, |
|
||||
fontSize: '12px', |
|
||||
}, |
|
||||
avatarList: { |
|
||||
flex: '0 1 auto', |
|
||||
}, |
|
||||
}, |
|
||||
cardList: { marginTop: '24px' }, |
|
||||
':global': { |
|
||||
'ant-list .ant-list-item-content-single': { |
|
||||
maxWidth: '100%', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,59 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
baseView: { |
|
||||
display: 'flex', |
|
||||
paddingTop: '12px', |
|
||||
':global': { |
|
||||
'ant-legacy-form-item .ant-legacy-form-item-control-wrapper': { |
|
||||
width: '100%', |
|
||||
}, |
|
||||
}, |
|
||||
left: { minWidth: '224px', maxWidth: '448px' }, |
|
||||
right: { |
|
||||
flex: '1', |
|
||||
paddingLeft: '104px', |
|
||||
avatar_title: { |
|
||||
height: '22px', |
|
||||
marginBottom: '8px', |
|
||||
color: token.headingColor, |
|
||||
fontSize: token.fontSizeBase, |
|
||||
lineHeight: '22px', |
|
||||
}, |
|
||||
avatar: { |
|
||||
width: '144px', |
|
||||
height: '144px', |
|
||||
marginBottom: '12px', |
|
||||
overflow: 'hidden', |
|
||||
img: { width: '100%' }, |
|
||||
}, |
|
||||
button_view: { |
|
||||
width: '144px', |
|
||||
textAlign: 'center', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
area_code: { |
|
||||
width: '72px', |
|
||||
}, |
|
||||
phone_number: { |
|
||||
width: '214px', |
|
||||
}, |
|
||||
[`@mediascreen and (max-width: token.screen-xl)`]: { |
|
||||
baseView: { |
|
||||
flexDirection: 'column-reverse', |
|
||||
right: { |
|
||||
display: 'flex', |
|
||||
flexDirection: 'column', |
|
||||
alignItems: 'center', |
|
||||
maxWidth: '448px', |
|
||||
padding: '20px', |
|
||||
avatar_title: { display: 'none' }, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,85 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
main: { |
|
||||
display: 'flex', |
|
||||
width: '100%', |
|
||||
height: '100%', |
|
||||
paddingTop: '16px', |
|
||||
paddingBottom: '16px', |
|
||||
backgroundColor: token.menuBg, |
|
||||
leftMenu: { |
|
||||
width: '224px', |
|
||||
borderRight: `${token.borderWidthBase} ${token.borderStyleBase} ${token.borderColorSplit}`, |
|
||||
':global': { |
|
||||
'ant-menu-inline': { border: 'none' }, |
|
||||
'.ant-menu-horizontal': { fontWeight: 'bold' }, |
|
||||
}, |
|
||||
}, |
|
||||
right: { |
|
||||
flex: '1', |
|
||||
padding: '8px 40px', |
|
||||
title: { |
|
||||
marginBottom: '12px', |
|
||||
color: token.headingColor, |
|
||||
fontWeight: '500', |
|
||||
fontSize: '20px', |
|
||||
lineHeight: '28px', |
|
||||
}, |
|
||||
}, |
|
||||
':global': { |
|
||||
'ant-list-split .ant-list-item:last-child': { |
|
||||
borderBottom: '1px solid @border-color-split', |
|
||||
}, |
|
||||
'ant-list-item': { |
|
||||
paddingTop: '14px', |
|
||||
paddingBottom: '14px', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
':global': { |
|
||||
'ant-list-item-meta': { |
|
||||
'// 账号绑定图标 taobao': { |
|
||||
display: 'block', |
|
||||
color: '#ff4000', |
|
||||
fontSize: '48px', |
|
||||
lineHeight: '48px', |
|
||||
borderRadius: token.borderRadiusBase, |
|
||||
}, |
|
||||
dingding: { |
|
||||
margin: '2px', |
|
||||
padding: '6px', |
|
||||
color: '#fff', |
|
||||
fontSize: '32px', |
|
||||
lineHeight: '32px', |
|
||||
backgroundColor: '#2eabff', |
|
||||
borderRadius: token.borderRadiusBase, |
|
||||
}, |
|
||||
alipay: { |
|
||||
color: '#2eabff', |
|
||||
fontSize: '48px', |
|
||||
lineHeight: '48px', |
|
||||
borderRadius: token.borderRadiusBase, |
|
||||
}, |
|
||||
}, |
|
||||
'// 密码强度 fontstrong': { color: token.successColor }, |
|
||||
fontmedium: { color: token.warningColor }, |
|
||||
fontweak: { color: token.errorColor }, |
|
||||
}, |
|
||||
[`@mediascreen and (max-width: token.screen-md)`]: { |
|
||||
main: { |
|
||||
flexDirection: 'column', |
|
||||
leftMenu: { |
|
||||
width: '100%', |
|
||||
border: 'none', |
|
||||
}, |
|
||||
right: { |
|
||||
padding: '40px', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,65 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
chartCard: { |
|
||||
position: 'relative', |
|
||||
chartTop: { position: 'relative', width: '100%', overflow: 'hidden' }, |
|
||||
chartTopMargin: { marginBottom: '12px' }, |
|
||||
chartTopHasMargin: { marginBottom: '20px' }, |
|
||||
metaWrap: { float: 'left' }, |
|
||||
avatar: { |
|
||||
position: 'relative', |
|
||||
top: '4px', |
|
||||
float: 'left', |
|
||||
marginRight: '20px', |
|
||||
img: { |
|
||||
borderRadius: '100%', |
|
||||
}, |
|
||||
}, |
|
||||
meta: { |
|
||||
height: '22px', |
|
||||
color: token.textColorSecondary, |
|
||||
fontSize: token.fontSizeBase, |
|
||||
lineHeight: '22px', |
|
||||
}, |
|
||||
action: { |
|
||||
position: 'absolute', |
|
||||
top: '4px', |
|
||||
right: '0', |
|
||||
lineHeight: '1', |
|
||||
cursor: 'pointer', |
|
||||
}, |
|
||||
total: { |
|
||||
height: '38px', |
|
||||
marginTop: '4px', |
|
||||
marginBottom: '0', |
|
||||
overflow: 'hidden', |
|
||||
color: token.headingColor, |
|
||||
fontSize: '30px', |
|
||||
lineHeight: '38px', |
|
||||
whiteSpace: 'nowrap', |
|
||||
textOverflow: 'ellipsis', |
|
||||
wordBreak: 'break-all', |
|
||||
}, |
|
||||
content: { position: 'relative', width: '100%', marginBottom: '12px' }, |
|
||||
contentFixed: { |
|
||||
position: 'absolute', |
|
||||
bottom: '0', |
|
||||
left: '0', |
|
||||
width: '100%', |
|
||||
}, |
|
||||
footer: { |
|
||||
marginTop: '8px', |
|
||||
paddingTop: '9px', |
|
||||
borderTop: '1px solid @border-color-split', |
|
||||
'& > *': { |
|
||||
position: 'relative', |
|
||||
}, |
|
||||
}, |
|
||||
footerMargin: { marginTop: '20px' }, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,16 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
field: { |
|
||||
margin: '0', |
|
||||
overflow: 'hidden', |
|
||||
whiteSpace: 'nowrap', |
|
||||
textOverflow: 'ellipsis', |
|
||||
'label, .number': { fontSize: token.fontSizeBase, lineHeight: '22px' }, |
|
||||
number: { marginLeft: '8px', color: token.headingColor }, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,27 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
miniChart: { |
|
||||
position: 'relative', |
|
||||
width: '100%', |
|
||||
chartContent: { |
|
||||
position: 'absolute', |
|
||||
bottom: '-28px', |
|
||||
width: '100%', |
|
||||
'> div': { |
|
||||
margin: '0 -5px', |
|
||||
overflow: 'hidden', |
|
||||
}, |
|
||||
}, |
|
||||
chartLoading: { |
|
||||
position: 'absolute', |
|
||||
top: '16px', |
|
||||
left: '50%', |
|
||||
marginLeft: '-7px', |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,74 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
numberInfo: { |
|
||||
suffix: { |
|
||||
marginLeft: '4px', |
|
||||
color: token.textColor, |
|
||||
fontSize: '16px', |
|
||||
fontStyle: 'normal', |
|
||||
}, |
|
||||
numberInfoTitle: { |
|
||||
marginBottom: '16px', |
|
||||
color: token.textColor, |
|
||||
fontSize: token.fontSizeLg, |
|
||||
transition: 'all 0.3s', |
|
||||
}, |
|
||||
numberInfoSubTitle: { |
|
||||
height: '22px', |
|
||||
overflow: 'hidden', |
|
||||
color: token.textColorSecondary, |
|
||||
fontSize: token.fontSizeBase, |
|
||||
lineHeight: '22px', |
|
||||
whiteSpace: 'nowrap', |
|
||||
textOverflow: 'ellipsis', |
|
||||
wordBreak: 'break-all', |
|
||||
}, |
|
||||
numberInfoValue: { |
|
||||
marginTop: '4px', |
|
||||
overflow: 'hidden', |
|
||||
fontSize: '0', |
|
||||
whiteSpace: 'nowrap', |
|
||||
textOverflow: 'ellipsis', |
|
||||
wordBreak: 'break-all', |
|
||||
'& > span': { |
|
||||
display: 'inline-block', |
|
||||
height: '32px', |
|
||||
marginRight: '32px', |
|
||||
color: token.headingColor, |
|
||||
fontSize: '24px', |
|
||||
lineHeight: '32px', |
|
||||
}, |
|
||||
subTotal: { |
|
||||
marginRight: '0', |
|
||||
color: token.textColorSecondary, |
|
||||
fontSize: token.fontSizeLg, |
|
||||
verticalAlign: 'top', |
|
||||
anticon: { |
|
||||
marginLeft: '4px', |
|
||||
fontSize: '12px', |
|
||||
transform: 'scale(0.82)', |
|
||||
}, |
|
||||
':global': { |
|
||||
'anticon-caret-up': { |
|
||||
color: token.red6, |
|
||||
}, |
|
||||
'anticon-caret-down': { |
|
||||
color: token.green6, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
numberInfolight: { |
|
||||
numberInfoValue: { |
|
||||
'& > span': { |
|
||||
color: token.textColor, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,27 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
trendItem: { |
|
||||
display: 'inline-block', |
|
||||
fontSize: token.fontSizeBase, |
|
||||
lineHeight: '22px', |
|
||||
'up, .down': { |
|
||||
position: 'relative', |
|
||||
top: '1px', |
|
||||
marginLeft: '4px', |
|
||||
span: { |
|
||||
fontSize: '12px', |
|
||||
transform: 'scale(0.83)', |
|
||||
}, |
|
||||
}, |
|
||||
up: { color: token.red6 }, |
|
||||
down: { top: '-1px', color: token.green6 }, |
|
||||
'&trendItemGrey .up, &.trendItemGrey .down': { color: token.textColor }, |
|
||||
'&reverseColor .up': { color: token.green6 }, |
|
||||
'&reverseColor .down': { color: token.red6 }, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,161 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
iconGroup: { |
|
||||
spananticon: { |
|
||||
marginLeft: '16px', |
|
||||
color: token.textColorSecondary, |
|
||||
cursor: 'pointer', |
|
||||
transition: 'color 0.32s', |
|
||||
'&:hover': { |
|
||||
color: token.textColor, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
rankingList: { |
|
||||
margin: '25px 0 0', |
|
||||
padding: '0', |
|
||||
listStyle: 'none', |
|
||||
li: { |
|
||||
display: 'flex', |
|
||||
alignItems: 'center', |
|
||||
marginTop: '16px', |
|
||||
zoom: '1', |
|
||||
'&::before, &::after': { |
|
||||
display: 'table', |
|
||||
content: "' '", |
|
||||
}, |
|
||||
'&::after': { |
|
||||
clear: 'both', |
|
||||
height: '0', |
|
||||
fontSize: '0', |
|
||||
visibility: 'hidden', |
|
||||
}, |
|
||||
span: { |
|
||||
color: token.textColor, |
|
||||
fontSize: '14px', |
|
||||
lineHeight: '22px', |
|
||||
}, |
|
||||
rankingItemNumber: { |
|
||||
display: 'inline-block', |
|
||||
width: '20px', |
|
||||
height: '20px', |
|
||||
marginTop: '1.5px', |
|
||||
marginRight: '16px', |
|
||||
fontWeight: '600', |
|
||||
fontSize: '12px', |
|
||||
lineHeight: '20px', |
|
||||
textAlign: 'center', |
|
||||
backgroundColor: token.tagDefaultBg, |
|
||||
borderRadius: '20px', |
|
||||
'&active': { color: '#fff', backgroundColor: '#314659' }, |
|
||||
}, |
|
||||
rankingItemTitle: { |
|
||||
flex: '1', |
|
||||
marginRight: '8px', |
|
||||
overflow: 'hidden', |
|
||||
whiteSpace: 'nowrap', |
|
||||
textOverflow: 'ellipsis', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
salesExtra: { |
|
||||
display: 'inline-block', |
|
||||
marginRight: '24px', |
|
||||
a: { |
|
||||
marginLeft: '24px', |
|
||||
color: token.textColor, |
|
||||
'&:hover': { |
|
||||
color: token.colorPrimary, |
|
||||
}, |
|
||||
'¤tDate': { |
|
||||
color: token.colorPrimary, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
salesCard: { |
|
||||
salesBar: { padding: '0 0 32px 32px' }, |
|
||||
salesRank: { padding: '0 32px 32px 72px' }, |
|
||||
':global': { |
|
||||
'ant-tabs-bar, .ant-tabs-nav-wrap': { |
|
||||
paddingLeft: '16px', |
|
||||
'ant-tabs-nav .ant-tabs-tab': { |
|
||||
paddingTop: '16px', |
|
||||
paddingBottom: '14px', |
|
||||
lineHeight: '24px', |
|
||||
}, |
|
||||
}, |
|
||||
'ant-tabs-extra-content': { |
|
||||
paddingRight: '24px', |
|
||||
lineHeight: '55px', |
|
||||
}, |
|
||||
'ant-card-head': { |
|
||||
position: 'relative', |
|
||||
}, |
|
||||
'ant-card-head-title': { |
|
||||
alignItems: 'normal', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
salesCardExtra: { |
|
||||
height: 'inherit', |
|
||||
}, |
|
||||
salesTypeRadio: { |
|
||||
position: 'absolute', |
|
||||
right: '54px', |
|
||||
bottom: '12px', |
|
||||
}, |
|
||||
offlineCard: { |
|
||||
':global': { |
|
||||
'ant-tabs-ink-bar': { |
|
||||
bottom: 'auto', |
|
||||
}, |
|
||||
'ant-tabs-bar': { |
|
||||
borderBottom: 'none', |
|
||||
}, |
|
||||
'ant-tabs-nav-container-scrolling': { |
|
||||
paddingRight: '40px', |
|
||||
paddingLeft: '40px', |
|
||||
}, |
|
||||
'ant-tabs-tab-prev-icon::before': { |
|
||||
position: 'relative', |
|
||||
left: '6px', |
|
||||
}, |
|
||||
'ant-tabs-tab-next-icon::before': { |
|
||||
position: 'relative', |
|
||||
right: '6px', |
|
||||
}, |
|
||||
'ant-tabs-tab-active h4': { |
|
||||
color: token.colorPrimary, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
trendText: { |
|
||||
marginLeft: '8px', |
|
||||
color: token.headingColor, |
|
||||
}, |
|
||||
[`@mediascreen and (max-width: token.screen-lg)`]: { |
|
||||
salesExtra: { display: 'none' }, |
|
||||
rankingList: { |
|
||||
li: { |
|
||||
'span:first-child': { marginRight: '8px' }, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
[`@mediascreen and (max-width: token.screen-md)`]: { |
|
||||
rankingTitle: { marginTop: '16px' }, |
|
||||
'salesCard .salesBar': { padding: '16px' }, |
|
||||
}, |
|
||||
[`@mediascreen and (max-width: token.screen-sm)`]: { |
|
||||
salesExtraWrap: { display: 'none' }, |
|
||||
salesCard: { |
|
||||
':global': { |
|
||||
'ant-tabs-content': { paddingTop: '30px' }, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,7 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return {}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,48 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
activeChart: { |
|
||||
position: 'relative', |
|
||||
}, |
|
||||
activeChartGrid: { |
|
||||
p: { position: 'absolute', top: '80px' }, |
|
||||
'p:last-child': { top: '115px' }, |
|
||||
}, |
|
||||
activeChartLegend: { |
|
||||
position: 'relative', |
|
||||
height: '20px', |
|
||||
marginTop: '8px', |
|
||||
fontSize: '0', |
|
||||
lineHeight: '20px', |
|
||||
span: { |
|
||||
display: 'inline-block', |
|
||||
width: '33.33%', |
|
||||
fontSize: '12px', |
|
||||
textAlign: 'center', |
|
||||
}, |
|
||||
'span:first-child': { textAlign: 'left' }, |
|
||||
'span:last-child': { textAlign: 'right' }, |
|
||||
}, |
|
||||
dashedLine: { |
|
||||
position: 'relative', |
|
||||
top: '-70px', |
|
||||
left: '-3px', |
|
||||
height: '1px', |
|
||||
line: { |
|
||||
position: 'absolute', |
|
||||
top: '0', |
|
||||
left: '0', |
|
||||
width: '100%', |
|
||||
height: '100%', |
|
||||
backgroundImage: 'linear-gradient(to right, transparent 50%, #e9e9e9 50%)', |
|
||||
backgroundSize: '6px', |
|
||||
}, |
|
||||
}, |
|
||||
'dashedLine:last-child': { |
|
||||
top: '-36px', |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,16 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
mapChart: { |
|
||||
height: '452px', |
|
||||
paddingTop: '24px', |
|
||||
img: { display: 'inline-block', maxWidth: '100%', maxHeight: '437px' }, |
|
||||
}, |
|
||||
[`@mediascreen and (max-width: token.screen-lg)`]: { |
|
||||
mapChart: { height: 'auto' }, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,22 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
linkGroup: { |
|
||||
padding: '20px 0 8px 24px', |
|
||||
fontSize: '0', |
|
||||
'& > a': { |
|
||||
display: 'inline-block', |
|
||||
width: '25%', |
|
||||
marginBottom: '13px', |
|
||||
color: token.textColor, |
|
||||
fontSize: token.fontSizeBase, |
|
||||
'&:hover': { |
|
||||
color: token.colorPrimary, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,268 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
activitiesList: { |
|
||||
padding: '0 24px 8px 24px', |
|
||||
username: { color: token.textColor }, |
|
||||
event: { fontWeight: 'normal' }, |
|
||||
}, |
|
||||
pageHeaderContent: { |
|
||||
display: 'flex', |
|
||||
avatar: { |
|
||||
flex: '0 1 72px', |
|
||||
'& > span': { |
|
||||
display: 'block', |
|
||||
width: '72px', |
|
||||
height: '72px', |
|
||||
borderRadius: '72px', |
|
||||
}, |
|
||||
}, |
|
||||
content: { |
|
||||
position: 'relative', |
|
||||
top: '4px', |
|
||||
flex: '1 1 auto', |
|
||||
marginLeft: '24px', |
|
||||
color: token.textColorSecondary, |
|
||||
lineHeight: '22px', |
|
||||
contentTitle: { |
|
||||
marginBottom: '12px', |
|
||||
color: token.headingColor, |
|
||||
fontWeight: '500', |
|
||||
fontSize: '20px', |
|
||||
lineHeight: '28px', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
extraContent: { |
|
||||
zoom: '1', |
|
||||
'&::before, &::after': { display: 'table', content: "' '" }, |
|
||||
'&::after': { |
|
||||
clear: 'both', |
|
||||
height: '0', |
|
||||
fontSize: '0', |
|
||||
visibility: 'hidden', |
|
||||
}, |
|
||||
float: 'right', |
|
||||
whiteSpace: 'nowrap', |
|
||||
statItem: { |
|
||||
position: 'relative', |
|
||||
display: 'inline-block', |
|
||||
padding: '0 32px', |
|
||||
'> p:first-child': { |
|
||||
marginBottom: '4px', |
|
||||
color: token.textColorSecondary, |
|
||||
fontSize: token.fontSizeBase, |
|
||||
lineHeight: '22px', |
|
||||
}, |
|
||||
'> p': { |
|
||||
margin: '0', |
|
||||
color: token.headingColor, |
|
||||
fontSize: '30px', |
|
||||
lineHeight: '38px', |
|
||||
'> span': { color: token.textColorSecondary, fontSize: '20px' }, |
|
||||
}, |
|
||||
'&::after': { |
|
||||
position: 'absolute', |
|
||||
top: '8px', |
|
||||
right: '0', |
|
||||
width: '1px', |
|
||||
height: '40px', |
|
||||
backgroundColor: token.borderColorSplit, |
|
||||
content: "''", |
|
||||
}, |
|
||||
'&:last-child': { |
|
||||
paddingRight: '0', |
|
||||
'&::after': { display: 'none' }, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
members: { |
|
||||
a: { |
|
||||
display: 'block', |
|
||||
height: '24px', |
|
||||
margin: '12px 0', |
|
||||
color: token.textColor, |
|
||||
transition: 'all 0.3s', |
|
||||
position: 'relative', |
|
||||
maxHeight: token.line * 1.5, |
|
||||
marginRight: '-1em', |
|
||||
paddingRight: '1em', |
|
||||
overflow: 'hidden', |
|
||||
lineHeight: '1.5em', |
|
||||
textAlign: 'justify', |
|
||||
'&::before': { |
|
||||
position: 'absolute', |
|
||||
right: '14px', |
|
||||
bottom: '0', |
|
||||
padding: '0 1px', |
|
||||
background: token.bg, |
|
||||
content: "'...'", |
|
||||
}, |
|
||||
'&::after': { |
|
||||
position: 'absolute', |
|
||||
right: '14px', |
|
||||
width: '1em', |
|
||||
height: '1em', |
|
||||
marginTop: '0.2em', |
|
||||
background: 'white', |
|
||||
content: "''", |
|
||||
}, |
|
||||
member: { |
|
||||
marginLeft: '12px', |
|
||||
fontSize: token.fontSizeBase, |
|
||||
lineHeight: '24px', |
|
||||
verticalAlign: 'top', |
|
||||
}, |
|
||||
'&:hover': { |
|
||||
color: token.colorPrimary, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
projectList: { |
|
||||
':global': { |
|
||||
'ant-card-meta-description': { |
|
||||
height: '44px', |
|
||||
overflow: 'hidden', |
|
||||
color: token.textColorSecondary, |
|
||||
lineHeight: '22px', |
|
||||
}, |
|
||||
}, |
|
||||
cardTitle: { |
|
||||
fontSize: '0', |
|
||||
a: { |
|
||||
display: 'inline-block', |
|
||||
height: '24px', |
|
||||
marginLeft: '12px', |
|
||||
color: token.headingColor, |
|
||||
fontSize: token.fontSizeBase, |
|
||||
lineHeight: '24px', |
|
||||
verticalAlign: 'top', |
|
||||
'&:hover': { color: token.colorPrimary }, |
|
||||
}, |
|
||||
}, |
|
||||
projectGrid: { width: '33.33%' }, |
|
||||
projectItemContent: { |
|
||||
display: 'flex', |
|
||||
height: '20px', |
|
||||
marginTop: '8px', |
|
||||
overflow: 'hidden', |
|
||||
fontSize: '12px', |
|
||||
lineHeight: '1.5em', |
|
||||
position: 'relative', |
|
||||
maxHeight: token.line * 1.5, |
|
||||
marginRight: '-1em', |
|
||||
paddingRight: '1em', |
|
||||
textAlign: 'justify', |
|
||||
'&::before': { |
|
||||
position: 'absolute', |
|
||||
right: '14px', |
|
||||
bottom: '0', |
|
||||
padding: '0 1px', |
|
||||
background: token.bg, |
|
||||
content: "'...'", |
|
||||
}, |
|
||||
'&::after': { |
|
||||
position: 'absolute', |
|
||||
right: '14px', |
|
||||
width: '1em', |
|
||||
height: '1em', |
|
||||
marginTop: '0.2em', |
|
||||
background: 'white', |
|
||||
content: "''", |
|
||||
}, |
|
||||
a: { |
|
||||
display: 'inline-block', |
|
||||
flex: '1 1 0', |
|
||||
color: token.textColorSecondary, |
|
||||
position: 'relative', |
|
||||
maxHeight: token.line * 1.5, |
|
||||
marginRight: '-1em', |
|
||||
paddingRight: '1em', |
|
||||
overflow: 'hidden', |
|
||||
lineHeight: '1.5em', |
|
||||
textAlign: 'justify', |
|
||||
'&::before': { |
|
||||
position: 'absolute', |
|
||||
right: '14px', |
|
||||
bottom: '0', |
|
||||
padding: '0 1px', |
|
||||
background: token.bg, |
|
||||
content: "'...'", |
|
||||
}, |
|
||||
'&::after': { |
|
||||
position: 'absolute', |
|
||||
right: '14px', |
|
||||
width: '1em', |
|
||||
height: '1em', |
|
||||
marginTop: '0.2em', |
|
||||
background: 'white', |
|
||||
content: "''", |
|
||||
}, |
|
||||
'&:hover': { color: token.colorPrimary }, |
|
||||
}, |
|
||||
datetime: { |
|
||||
flex: '0 0 auto', |
|
||||
float: 'right', |
|
||||
color: token.disabledColor, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
datetime: { |
|
||||
color: token.disabledColor, |
|
||||
}, |
|
||||
[`@mediascreen and (max-width: token.screen-xl) and (min-width: token.screen-lg)`]: { |
|
||||
activeCard: { marginBottom: '24px' }, |
|
||||
members: { marginBottom: '0' }, |
|
||||
extraContent: { |
|
||||
marginLeft: '-44px', |
|
||||
statItem: { |
|
||||
padding: '0 16px', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
[`@mediascreen and (max-width: token.screen-lg)`]: { |
|
||||
activeCard: { marginBottom: '24px' }, |
|
||||
members: { marginBottom: '0' }, |
|
||||
extraContent: { |
|
||||
float: 'none', |
|
||||
marginRight: '0', |
|
||||
statItem: { |
|
||||
padding: '0 16px', |
|
||||
textAlign: 'left', |
|
||||
'&::after': { display: 'none' }, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
[`@mediascreen and (max-width: token.screen-md)`]: { |
|
||||
extraContent: { marginLeft: '-16px' }, |
|
||||
projectList: { |
|
||||
projectGrid: { |
|
||||
width: '50%', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
[`@mediascreen and (max-width: token.screen-sm)`]: { |
|
||||
pageHeaderContent: { |
|
||||
display: 'block', |
|
||||
content: { |
|
||||
marginLeft: '0', |
|
||||
}, |
|
||||
}, |
|
||||
extraContent: { |
|
||||
statItem: { |
|
||||
float: 'none', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
[`@mediascreen and (max-width: token.screen-xs)`]: { |
|
||||
projectList: { |
|
||||
projectGrid: { |
|
||||
width: '100%', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,40 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
contextMenu: { |
|
||||
display: 'none', |
|
||||
overflow: 'hidden', |
|
||||
background: token.componentBackground, |
|
||||
borderRadius: '4px', |
|
||||
boxShadow: token.boxShadowBase, |
|
||||
item: { |
|
||||
display: 'flex', |
|
||||
alignItems: 'center', |
|
||||
padding: '5px 12px', |
|
||||
cursor: 'pointer', |
|
||||
transition: 'all 0.3s', |
|
||||
userSelect: 'none', |
|
||||
'&:hover': { |
|
||||
background: token.selectItemSelectedBg, |
|
||||
}, |
|
||||
spananticon: { |
|
||||
marginRight: '8px', |
|
||||
}, |
|
||||
}, |
|
||||
':global': { |
|
||||
disable: { |
|
||||
':local': { |
|
||||
item: { |
|
||||
color: token.disabledColor, |
|
||||
cursor: 'auto', |
|
||||
'&:hover': { background: token.itemHoverBg }, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,12 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
detailPanel: { |
|
||||
flex: '1', |
|
||||
backgroundColor: token.componentBackground, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,22 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
itemPanel: { |
|
||||
flex: '1', |
|
||||
':global': { |
|
||||
'ant-card': { |
|
||||
height: '100%', |
|
||||
}, |
|
||||
'ant-card-body': { |
|
||||
display: 'flex', |
|
||||
flexDirection: 'column', |
|
||||
alignItems: 'center', |
|
||||
'> div': { marginBottom: '16px' }, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,37 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
toolbar: { |
|
||||
display: 'flex', |
|
||||
alignItems: 'center', |
|
||||
':global': { |
|
||||
'command .anticon': { |
|
||||
display: 'inline-block', |
|
||||
width: '27px', |
|
||||
height: '27px', |
|
||||
margin: '0 6px', |
|
||||
paddingTop: '6px', |
|
||||
textAlign: 'center', |
|
||||
cursor: 'pointer', |
|
||||
'&:hover': { border: '1px solid @item-active-bg' }, |
|
||||
}, |
|
||||
'disable .anticon': { |
|
||||
color: token.textColorSecondary, |
|
||||
cursor: 'auto', |
|
||||
'&:hover': { border: '1px solid @border-color-base' }, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
tooltip: { |
|
||||
':global': { |
|
||||
'ant-tooltip-inner': { |
|
||||
fontSize: '12px', |
|
||||
borderRadius: '0', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,41 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
editor: { |
|
||||
display: 'flex', |
|
||||
flex: '1', |
|
||||
flexDirection: 'column', |
|
||||
width: '100%', |
|
||||
height: 'calc(100vh - 250px)', |
|
||||
background: token.componentBackground, |
|
||||
}, |
|
||||
editorHd: { |
|
||||
padding: '8px', |
|
||||
background: token.descriptionsBg, |
|
||||
border: '1px solid @item-active-bg', |
|
||||
}, |
|
||||
editorBd: { |
|
||||
flex: '1', |
|
||||
}, |
|
||||
'editorSidebar,.editorContent': { |
|
||||
display: 'flex', |
|
||||
flexDirection: 'column', |
|
||||
}, |
|
||||
editorSidebar: { |
|
||||
background: token.descriptionsBg, |
|
||||
':global': { |
|
||||
'g6-editor-minimap-container': { |
|
||||
background: 'none', |
|
||||
}, |
|
||||
}, |
|
||||
'&:first-child': { borderRight: '1px solid @item-active-bg' }, |
|
||||
'&:last-child': { borderLeft: '1px solid @item-active-bg' }, |
|
||||
}, |
|
||||
'flow,.mind,.koni': { |
|
||||
flex: '1', |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,40 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
contextMenu: { |
|
||||
display: 'none', |
|
||||
overflow: 'hidden', |
|
||||
background: token.componentBackground, |
|
||||
borderRadius: '4px', |
|
||||
boxShadow: token.boxShadowBase, |
|
||||
item: { |
|
||||
display: 'flex', |
|
||||
alignItems: 'center', |
|
||||
padding: '5px 12px', |
|
||||
cursor: 'pointer', |
|
||||
transition: 'all 0.3s', |
|
||||
userSelect: 'none', |
|
||||
'&:hover': { |
|
||||
background: token.selectItemSelectedBg, |
|
||||
}, |
|
||||
anticon: { |
|
||||
marginRight: '8px', |
|
||||
}, |
|
||||
}, |
|
||||
':global': { |
|
||||
disable: { |
|
||||
':local': { |
|
||||
item: { |
|
||||
color: token.disabledColor, |
|
||||
cursor: 'auto', |
|
||||
'&:hover': { background: token.itemHoverBg }, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,12 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
detailPanel: { |
|
||||
flex: '1', |
|
||||
backgroundColor: token.componentBackground, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,22 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
itemPanel: { |
|
||||
flex: '1', |
|
||||
':global': { |
|
||||
'ant-card': { |
|
||||
height: '100%', |
|
||||
}, |
|
||||
'ant-card-body': { |
|
||||
display: 'flex', |
|
||||
flexDirection: 'column', |
|
||||
alignItems: 'center', |
|
||||
'> div': { marginBottom: '16px' }, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,37 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
toolbar: { |
|
||||
display: 'flex', |
|
||||
alignItems: 'center', |
|
||||
':global': { |
|
||||
'command .anticon': { |
|
||||
display: 'inline-block', |
|
||||
width: '27px', |
|
||||
height: '27px', |
|
||||
margin: '0 6px', |
|
||||
paddingTop: '6px', |
|
||||
textAlign: 'center', |
|
||||
cursor: 'pointer', |
|
||||
'&:hover': { border: '1px solid @item-active-bg' }, |
|
||||
}, |
|
||||
'disable .anticon': { |
|
||||
color: token.textColorSecondary, |
|
||||
cursor: 'auto', |
|
||||
'&:hover': { border: '1px solid @border-color-base' }, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
tooltip: { |
|
||||
':global': { |
|
||||
'ant-tooltip-inner': { |
|
||||
fontSize: '12px', |
|
||||
borderRadius: '0', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,48 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
editor: { |
|
||||
display: 'flex', |
|
||||
flex: '1', |
|
||||
flexDirection: 'column', |
|
||||
width: '100%', |
|
||||
height: 'calc(100vh - 250px)', |
|
||||
background: token.descriptionsBg, |
|
||||
}, |
|
||||
editorHd: { |
|
||||
padding: '8px', |
|
||||
background: token.descriptionsBg, |
|
||||
border: '1px solid @item-active-bg', |
|
||||
}, |
|
||||
editorBd: { |
|
||||
flex: '1', |
|
||||
}, |
|
||||
'editorSidebar,.editorContent': { |
|
||||
display: 'flex', |
|
||||
flexDirection: 'column', |
|
||||
}, |
|
||||
editorContent: { |
|
||||
':global': { |
|
||||
'graph-container canvas': { |
|
||||
verticalAlign: 'middle', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
editorSidebar: { |
|
||||
background: token.descriptionsBg, |
|
||||
':global': { |
|
||||
'g6-editor-minimap-container': { |
|
||||
background: 'none', |
|
||||
}, |
|
||||
}, |
|
||||
'&:first-child': { borderRight: '1px solid @item-active-bg' }, |
|
||||
'&:last-child': { borderLeft: '1px solid @item-active-bg' }, |
|
||||
}, |
|
||||
'flow,.mind,.koni': { |
|
||||
flex: '1', |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,40 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
contextMenu: { |
|
||||
display: 'none', |
|
||||
overflow: 'hidden', |
|
||||
background: token.componentBackground, |
|
||||
borderRadius: '4px', |
|
||||
boxShadow: token.boxShadowBase, |
|
||||
item: { |
|
||||
display: 'flex', |
|
||||
alignItems: 'center', |
|
||||
padding: '5px 12px', |
|
||||
cursor: 'pointer', |
|
||||
transition: 'all 0.3s', |
|
||||
userSelect: 'none', |
|
||||
'&:hover': { |
|
||||
background: token.selectItemSelectedBg, |
|
||||
}, |
|
||||
anticon: { |
|
||||
marginRight: '8px', |
|
||||
}, |
|
||||
}, |
|
||||
':global': { |
|
||||
disable: { |
|
||||
':local': { |
|
||||
item: { |
|
||||
color: token.disabledColor, |
|
||||
cursor: 'auto', |
|
||||
'&:hover': { background: token.itemHoverBg }, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,12 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
detailPanel: { |
|
||||
flex: '1', |
|
||||
backgroundColor: token.componentBackground, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,22 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
itemPanel: { |
|
||||
flex: '1', |
|
||||
':global': { |
|
||||
'ant-card': { |
|
||||
height: '100%', |
|
||||
}, |
|
||||
'ant-card-body': { |
|
||||
display: 'flex', |
|
||||
flexDirection: 'column', |
|
||||
alignItems: 'center', |
|
||||
'> div': { marginBottom: '16px' }, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,37 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
toolbar: { |
|
||||
display: 'flex', |
|
||||
alignItems: 'center', |
|
||||
':global': { |
|
||||
'command .anticon': { |
|
||||
display: 'inline-block', |
|
||||
width: '27px', |
|
||||
height: '27px', |
|
||||
margin: '0 6px', |
|
||||
paddingTop: '6px', |
|
||||
textAlign: 'center', |
|
||||
cursor: 'pointer', |
|
||||
'&:hover': { border: '1px solid @item-active-bg' }, |
|
||||
}, |
|
||||
'disable .anticon': { |
|
||||
color: token.textColorSecondary, |
|
||||
cursor: 'auto', |
|
||||
'&:hover': { border: '1px solid @border-color-base' }, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
tooltip: { |
|
||||
':global': { |
|
||||
'ant-tooltip-inner': { |
|
||||
fontSize: '12px', |
|
||||
borderRadius: '0', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,48 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
editor: { |
|
||||
display: 'flex', |
|
||||
flex: '1', |
|
||||
flexDirection: 'column', |
|
||||
width: '100%', |
|
||||
height: 'calc(100vh - 250px)', |
|
||||
background: token.descriptionsBg, |
|
||||
}, |
|
||||
editorHd: { |
|
||||
padding: '8px', |
|
||||
background: token.descriptionsBg, |
|
||||
border: '1px solid @item-active-bg', |
|
||||
}, |
|
||||
editorBd: { |
|
||||
flex: '1', |
|
||||
}, |
|
||||
'editorSidebar,.editorContent': { |
|
||||
display: 'flex', |
|
||||
flexDirection: 'column', |
|
||||
}, |
|
||||
editorContent: { |
|
||||
':global': { |
|
||||
'graph-container canvas': { |
|
||||
verticalAlign: 'middle', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
editorSidebar: { |
|
||||
background: token.descriptionsBg, |
|
||||
':global': { |
|
||||
'g6-editor-minimap-container': { |
|
||||
background: 'none', |
|
||||
}, |
|
||||
}, |
|
||||
'&:first-child': { borderRight: '1px solid @item-active-bg' }, |
|
||||
'&:last-child': { borderLeft: '1px solid @item-active-bg' }, |
|
||||
}, |
|
||||
'flow,.mind,.koni': { |
|
||||
flex: '1', |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,56 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
card: { |
|
||||
marginBottom: '24px', |
|
||||
':global': { |
|
||||
'ant-legacy-form-item .ant-legacy-form-item-control-wrapper': { |
|
||||
width: '100%', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
errorIcon: { |
|
||||
marginRight: '24px', |
|
||||
color: token.errorColor, |
|
||||
cursor: 'pointer', |
|
||||
spananticon: { marginRight: '4px' }, |
|
||||
}, |
|
||||
errorPopover: { |
|
||||
':global': { |
|
||||
'ant-popover-inner-content': { |
|
||||
minWidth: '256px', |
|
||||
maxHeight: '290px', |
|
||||
padding: '0', |
|
||||
overflow: 'auto', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
errorListItem: { |
|
||||
padding: '8px 16px', |
|
||||
listStyle: 'none', |
|
||||
borderBottom: '1px solid @border-color-split', |
|
||||
cursor: 'pointer', |
|
||||
transition: 'all 0.3s', |
|
||||
'&:hover': { background: token.itemActiveBg }, |
|
||||
'&:last-child': { border: '0' }, |
|
||||
errorIcon: { |
|
||||
float: 'left', |
|
||||
marginTop: '4px', |
|
||||
marginRight: '12px', |
|
||||
paddingBottom: '22px', |
|
||||
color: token.errorColor, |
|
||||
}, |
|
||||
errorField: { |
|
||||
marginTop: '2px', |
|
||||
color: token.textColorSecondary, |
|
||||
fontSize: '12px', |
|
||||
}, |
|
||||
}, |
|
||||
editable: { |
|
||||
td: { paddingTop: '13px', paddingBottom: '12.5px' }, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,12 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
optional: { |
|
||||
color: token.textColorSecondary, |
|
||||
fontStyle: 'normal', |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,16 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
card: { |
|
||||
marginBottom: '24px', |
|
||||
}, |
|
||||
result: { |
|
||||
maxWidth: '560px', |
|
||||
margin: '0 auto', |
|
||||
padding: '24px 0 8px', |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,153 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
standardList: { |
|
||||
':global': { |
|
||||
'ant-card-head': { |
|
||||
borderBottom: 'none', |
|
||||
}, |
|
||||
'ant-card-head-title': { |
|
||||
padding: '24px 0', |
|
||||
lineHeight: '32px', |
|
||||
}, |
|
||||
'ant-card-extra': { |
|
||||
padding: '24px 0', |
|
||||
}, |
|
||||
'ant-list-pagination': { |
|
||||
marginTop: '24px', |
|
||||
textAlign: 'right', |
|
||||
}, |
|
||||
'ant-avatar-lg': { |
|
||||
width: '48px', |
|
||||
height: '48px', |
|
||||
lineHeight: '48px', |
|
||||
}, |
|
||||
}, |
|
||||
headerInfo: { |
|
||||
position: 'relative', |
|
||||
textAlign: 'center', |
|
||||
'& > span': { |
|
||||
display: 'inline-block', |
|
||||
marginBottom: '4px', |
|
||||
color: token.textColorSecondary, |
|
||||
fontSize: token.fontSizeBase, |
|
||||
lineHeight: '22px', |
|
||||
}, |
|
||||
'& > p': { |
|
||||
margin: '0', |
|
||||
color: token.headingColor, |
|
||||
fontSize: '24px', |
|
||||
lineHeight: '32px', |
|
||||
}, |
|
||||
'& > em': { |
|
||||
position: 'absolute', |
|
||||
top: '0', |
|
||||
right: '0', |
|
||||
width: '1px', |
|
||||
height: '56px', |
|
||||
backgroundColor: token.borderColorSplit, |
|
||||
}, |
|
||||
}, |
|
||||
listContent: { |
|
||||
fontSize: '0', |
|
||||
listContentItem: { |
|
||||
display: 'inline-block', |
|
||||
marginLeft: '40px', |
|
||||
color: token.textColorSecondary, |
|
||||
fontSize: token.fontSizeBase, |
|
||||
verticalAlign: 'middle', |
|
||||
'> span': { lineHeight: '20px' }, |
|
||||
'> p': { marginTop: '4px', marginBottom: '0', lineHeight: '22px' }, |
|
||||
}, |
|
||||
}, |
|
||||
extraContentSearch: { width: '272px', marginLeft: '16px' }, |
|
||||
}, |
|
||||
[`@mediascreen and (max-width: token.screen-xs)`]: { |
|
||||
standardList: { |
|
||||
':global': { |
|
||||
'ant-list-item-content': { |
|
||||
display: 'block', |
|
||||
flex: 'none', |
|
||||
width: '100%', |
|
||||
}, |
|
||||
'ant-list-item-action': { marginLeft: '0' }, |
|
||||
}, |
|
||||
listContent: { |
|
||||
marginLeft: '0', |
|
||||
'& > div': { marginLeft: '0' }, |
|
||||
}, |
|
||||
listCard: { |
|
||||
':global': { |
|
||||
'ant-card-head-title': { |
|
||||
overflow: 'visible', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
[`@mediascreen and (max-width: token.screen-sm)`]: { |
|
||||
standardList: { |
|
||||
extraContentSearch: { |
|
||||
width: '100%', |
|
||||
marginLeft: '0', |
|
||||
}, |
|
||||
headerInfo: { |
|
||||
marginBottom: '16px', |
|
||||
'& > em': { display: 'none' }, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
[`@mediascreen and (max-width: token.screen-md)`]: { |
|
||||
standardList: { |
|
||||
listContent: { |
|
||||
'& > div': { display: 'block' }, |
|
||||
'& > div:last-child': { top: '0', width: '100%' }, |
|
||||
}, |
|
||||
}, |
|
||||
listCard: { |
|
||||
':global': { |
|
||||
'ant-radio-group': { display: 'block', marginBottom: '8px' }, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
[`@mediascreen and (max-width: token.screen-lg) and (min-width: token.screen-md)`]: { |
|
||||
standardList: { |
|
||||
listContent: { |
|
||||
'& > div': { display: 'block' }, |
|
||||
'& > div:last-child': { top: '0', width: '100%' }, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
[`@mediascreen and (max-width: token.screen-xl)`]: { |
|
||||
standardList: { |
|
||||
listContent: { |
|
||||
'& > div': { marginLeft: '24px' }, |
|
||||
'& > div:last-child': { top: '0' }, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
'@mediascreen and (max-width: 1400px)': { |
|
||||
standardList: { |
|
||||
listContent: { |
|
||||
textAlign: 'right', |
|
||||
'& > div:last-child': { top: '0' }, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
standardListForm: { |
|
||||
':global': { |
|
||||
'ant-form-item': { |
|
||||
marginBottom: '12px', |
|
||||
'&:last-child': { marginBottom: '32px', paddingTop: '4px' }, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
formResult: { |
|
||||
width: '100%', |
|
||||
"[class^='title']": { marginBottom: '8px' }, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,7 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return {}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,95 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
cardList: { |
|
||||
card: { |
|
||||
':global': { |
|
||||
'ant-card-meta-title': { |
|
||||
marginBottom: '12px', |
|
||||
'& > a': { |
|
||||
display: 'inline-block', |
|
||||
maxWidth: '100%', |
|
||||
color: token.headingColor, |
|
||||
}, |
|
||||
}, |
|
||||
'ant-card-body:hover': { |
|
||||
'ant-card-meta-title > a': { |
|
||||
color: token.colorPrimary, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
item: { height: '64px' }, |
|
||||
':global': { |
|
||||
'ant-list .ant-list-item-content-single': { |
|
||||
maxWidth: '100%', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
extraImg: { |
|
||||
width: '155px', |
|
||||
marginTop: '-20px', |
|
||||
textAlign: 'center', |
|
||||
img: { width: '100%' }, |
|
||||
}, |
|
||||
newButton: { |
|
||||
width: '100%', |
|
||||
height: '201px', |
|
||||
color: token.textColorSecondary, |
|
||||
backgroundColor: token.componentBackground, |
|
||||
borderColor: token.colorBorder, |
|
||||
}, |
|
||||
cardAvatar: { |
|
||||
width: '48px', |
|
||||
height: '48px', |
|
||||
borderRadius: '48px', |
|
||||
}, |
|
||||
cardDescription: { |
|
||||
overflow: 'hidden', |
|
||||
whiteSpace: 'nowrap', |
|
||||
textOverflow: 'ellipsis', |
|
||||
wordBreak: 'break-all', |
|
||||
}, |
|
||||
pageHeaderContent: { |
|
||||
position: 'relative', |
|
||||
}, |
|
||||
contentLink: { |
|
||||
marginTop: '16px', |
|
||||
a: { |
|
||||
marginRight: '32px', |
|
||||
img: { |
|
||||
width: '24px', |
|
||||
}, |
|
||||
}, |
|
||||
img: { marginRight: '8px', verticalAlign: 'middle' }, |
|
||||
}, |
|
||||
[`@mediascreen and (max-width: token.screen-lg)`]: { |
|
||||
contentLink: { |
|
||||
a: { |
|
||||
marginRight: '16px', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
[`@mediascreen and (max-width: token.screen-md)`]: { |
|
||||
extraImg: { display: 'none' }, |
|
||||
}, |
|
||||
[`@mediascreen and (max-width: token.screen-sm)`]: { |
|
||||
pageHeaderContent: { paddingBottom: '30px' }, |
|
||||
contentLink: { |
|
||||
position: 'absolute', |
|
||||
bottom: '-4px', |
|
||||
left: '0', |
|
||||
width: '1000px', |
|
||||
a: { |
|
||||
marginRight: '16px', |
|
||||
}, |
|
||||
img: { |
|
||||
marginRight: '4px', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,7 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return {}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,74 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
standardFormRow: { |
|
||||
display: 'flex', |
|
||||
marginBottom: '16px', |
|
||||
paddingBottom: '16px', |
|
||||
borderBottom: '1px dashed @border-color-split', |
|
||||
':global': { |
|
||||
'ant-form-item, .ant-legacy-form-item': { |
|
||||
marginRight: '24px', |
|
||||
}, |
|
||||
'ant-form-item-label, .ant-legacy-form-item-label': { |
|
||||
label: { marginRight: '0', color: token.textColor }, |
|
||||
}, |
|
||||
'ant-form-item-label, .ant-legacy-form-item-label, .ant-form-item-control, .ant-legacy-form-item-control': |
|
||||
{ |
|
||||
padding: '0', |
|
||||
lineHeight: '32px', |
|
||||
}, |
|
||||
}, |
|
||||
label: { |
|
||||
flex: '0 0 auto', |
|
||||
marginRight: '24px', |
|
||||
color: token.headingColor, |
|
||||
fontSize: token.fontSizeBase, |
|
||||
textAlign: 'right', |
|
||||
'& > span': { |
|
||||
display: 'inline-block', |
|
||||
height: '32px', |
|
||||
lineHeight: '32px', |
|
||||
'&::after': { content: "'：'" }, |
|
||||
}, |
|
||||
}, |
|
||||
content: { |
|
||||
flex: '1 1 0', |
|
||||
':global': { |
|
||||
'ant-form-item, .ant-legacy-form-item': { |
|
||||
'&:last-child': { |
|
||||
marginRight: '0', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
standardFormRowLast: { |
|
||||
marginBottom: '0', |
|
||||
paddingBottom: '0', |
|
||||
border: 'none', |
|
||||
}, |
|
||||
standardFormRowBlock: { |
|
||||
':global': { |
|
||||
'ant-form-item, .ant-legacy-form-item, div.ant-form-item-control-wrapper, div.ant-legacy-form-item-control-wrapper': |
|
||||
{ |
|
||||
display: 'block', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
standardFormRowGrid: { |
|
||||
':global': { |
|
||||
'ant-form-item, .ant-legacy-form-item, div.ant-form-item-control-wrapper, div.ant-legacy-form-item-control-wrapper': |
|
||||
{ |
|
||||
display: 'block', |
|
||||
}, |
|
||||
'ant-form-item-label, .ant-legacy-form-item-label': { |
|
||||
float: 'left', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,34 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
tagSelect: { |
|
||||
position: 'relative', |
|
||||
maxHeight: '32px', |
|
||||
marginLeft: '-8px', |
|
||||
overflow: 'hidden', |
|
||||
lineHeight: '32px', |
|
||||
transition: 'all 0.3s', |
|
||||
userSelect: 'none', |
|
||||
':global': { |
|
||||
'ant-tag': { |
|
||||
marginRight: '24px', |
|
||||
padding: '0 8px', |
|
||||
fontSize: token.fontSizeBase, |
|
||||
}, |
|
||||
}, |
|
||||
'&expanded': { maxHeight: '200px', transition: 'all 0.3s' }, |
|
||||
trigger: { |
|
||||
position: 'absolute', |
|
||||
top: '0', |
|
||||
right: '0', |
|
||||
spananticon: { |
|
||||
fontSize: '12px', |
|
||||
}, |
|
||||
}, |
|
||||
'&hasExpandTag': { paddingRight: '50px' }, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,49 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
filterCardList: { |
|
||||
':global': { |
|
||||
'ant-card-meta-content': { |
|
||||
marginTop: '0', |
|
||||
}, |
|
||||
'// disabled white space ant-card-meta-avatar': { |
|
||||
fontSize: '0', |
|
||||
}, |
|
||||
'ant-list .ant-list-item-content-single': { |
|
||||
maxWidth: '100%', |
|
||||
}, |
|
||||
}, |
|
||||
cardInfo: { |
|
||||
marginTop: '16px', |
|
||||
marginLeft: '40px', |
|
||||
zoom: '1', |
|
||||
'&::before, &::after': { |
|
||||
display: 'table', |
|
||||
content: "' '", |
|
||||
}, |
|
||||
'&::after': { |
|
||||
clear: 'both', |
|
||||
height: '0', |
|
||||
fontSize: '0', |
|
||||
visibility: 'hidden', |
|
||||
}, |
|
||||
'& > div': { |
|
||||
position: 'relative', |
|
||||
float: 'left', |
|
||||
width: '50%', |
|
||||
textAlign: 'left', |
|
||||
p: { margin: '0', fontSize: '24px', lineHeight: '32px' }, |
|
||||
'p:first-child': { |
|
||||
marginBottom: '4px', |
|
||||
color: token.textColorSecondary, |
|
||||
fontSize: '12px', |
|
||||
lineHeight: '20px', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,7 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return {}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,28 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
listContent: { |
|
||||
description: { maxWidth: '720px', lineHeight: '22px' }, |
|
||||
extra: { |
|
||||
marginTop: '16px', |
|
||||
color: token.textColorSecondary, |
|
||||
lineHeight: '22px', |
|
||||
'& > em': { |
|
||||
marginLeft: '16px', |
|
||||
color: token.disabledColor, |
|
||||
fontStyle: 'normal', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
[`@mediascreen and (max-width: token.screen-xs)`]: { |
|
||||
listContent: { |
|
||||
extra: { |
|
||||
'& > em': { display: 'block', marginTop: '8px', marginLeft: '0' }, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,76 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
standardFormRow: { |
|
||||
display: 'flex', |
|
||||
width: '100%', |
|
||||
marginBottom: '16px', |
|
||||
paddingBottom: '16px', |
|
||||
borderBottom: '1px dashed @border-color-split', |
|
||||
':global': { |
|
||||
'ant-form-item, .ant-legacy-form-item': { |
|
||||
marginRight: '24px', |
|
||||
}, |
|
||||
'ant-form-item-label, .ant-legacy-form-item-label': { |
|
||||
label: { marginRight: '0', color: token.textColor }, |
|
||||
}, |
|
||||
'ant-form-item-label, .ant-legacy-form-item-label, .ant-form-item-control, .ant-legacy-form-item-control': |
|
||||
{ |
|
||||
padding: '0', |
|
||||
lineHeight: '32px', |
|
||||
}, |
|
||||
}, |
|
||||
label: { |
|
||||
flex: '0 0 auto', |
|
||||
marginRight: '24px', |
|
||||
color: token.headingColor, |
|
||||
fontSize: token.fontSizeBase, |
|
||||
textAlign: 'right', |
|
||||
'& > span': { |
|
||||
display: 'inline-block', |
|
||||
height: '32px', |
|
||||
lineHeight: '32px', |
|
||||
'&::after': { content: "'：'" }, |
|
||||
}, |
|
||||
}, |
|
||||
content: { |
|
||||
flex: '1 1 0', |
|
||||
':global': { |
|
||||
'ant-form-item, .ant-legacy-form-item': { |
|
||||
'&:last-child': { |
|
||||
display: 'block', |
|
||||
marginRight: '0', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
standardFormRowLast: { |
|
||||
marginBottom: '0', |
|
||||
paddingBottom: '0', |
|
||||
border: 'none', |
|
||||
}, |
|
||||
standardFormRowBlock: { |
|
||||
':global': { |
|
||||
'ant-form-item, .ant-legacy-form-item, div.ant-form-item-control-wrapper, div.ant-legacy-form-item-control-wrapper': |
|
||||
{ |
|
||||
display: 'block', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
standardFormRowGrid: { |
|
||||
':global': { |
|
||||
'ant-form-item, .ant-legacy-form-item, div.ant-form-item-control-wrapper, div.ant-legacy-form-item-control-wrapper': |
|
||||
{ |
|
||||
display: 'block', |
|
||||
}, |
|
||||
'ant-form-item-label, .ant-legacy-form-item-label': { |
|
||||
float: 'left', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,34 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
tagSelect: { |
|
||||
position: 'relative', |
|
||||
maxHeight: '32px', |
|
||||
marginLeft: '-8px', |
|
||||
overflow: 'hidden', |
|
||||
lineHeight: '32px', |
|
||||
transition: 'all 0.3s', |
|
||||
userSelect: 'none', |
|
||||
':global': { |
|
||||
'ant-tag': { |
|
||||
marginRight: '24px', |
|
||||
padding: '0 8px', |
|
||||
fontSize: token.fontSizeBase, |
|
||||
}, |
|
||||
}, |
|
||||
'&expanded': { maxHeight: '200px', transition: 'all 0.3s' }, |
|
||||
trigger: { |
|
||||
position: 'absolute', |
|
||||
top: '0', |
|
||||
right: '0', |
|
||||
spananticon: { |
|
||||
fontSize: '12px', |
|
||||
}, |
|
||||
}, |
|
||||
'&hasExpandTag': { paddingRight: '50px' }, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,27 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
alistItemMetaTitle: { |
|
||||
color: token.headingColor, |
|
||||
}, |
|
||||
listItemExtra: { |
|
||||
width: '272px', |
|
||||
height: '1px', |
|
||||
}, |
|
||||
selfTrigger: { |
|
||||
marginLeft: '12px', |
|
||||
}, |
|
||||
[`@mediascreen and (max-width: token.screen-xs)`]: { |
|
||||
selfTrigger: { display: 'block', marginLeft: '0' }, |
|
||||
}, |
|
||||
[`@mediascreen and (max-width: token.screen-md)`]: { |
|
||||
selfTrigger: { display: 'block', marginLeft: '0' }, |
|
||||
}, |
|
||||
[`@mediascreen and (max-width: token.screen-lg)`]: { |
|
||||
listItemExtra: { width: '0', height: '1px' }, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,44 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
avatarList: { |
|
||||
display: 'inline-block', |
|
||||
ul: { display: 'inline-block', marginLeft: '8px', fontSize: '0' }, |
|
||||
}, |
|
||||
avatarItem: { |
|
||||
display: 'inline-block', |
|
||||
width: token.avatarSizeBase, |
|
||||
height: token.avatarSizeBase, |
|
||||
marginLeft: '-8px', |
|
||||
fontSize: token.fontSizeBase, |
|
||||
':global': { |
|
||||
'ant-avatar': { |
|
||||
border: '1px solid @border-color-base', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
avatarItemLarge: { |
|
||||
width: token.avatarSizeLg, |
|
||||
height: token.avatarSizeLg, |
|
||||
}, |
|
||||
avatarItemSmall: { |
|
||||
width: token.avatarSizeSm, |
|
||||
height: token.avatarSizeSm, |
|
||||
}, |
|
||||
avatarItemMini: { |
|
||||
width: '20px', |
|
||||
height: '20px', |
|
||||
':global': { |
|
||||
'ant-avatar': { |
|
||||
width: '20px', |
|
||||
height: '20px', |
|
||||
lineHeight: '20px', |
|
||||
'ant-avatar-string': { fontSize: '12px', lineHeight: '18px' }, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,76 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
standardFormRow: { |
|
||||
display: 'flex', |
|
||||
width: '100%', |
|
||||
marginBottom: '16px', |
|
||||
paddingBottom: '16px', |
|
||||
borderBottom: '1px dashed @border-color-split', |
|
||||
':global': { |
|
||||
'ant-form-item, .ant-legacy-form-item': { |
|
||||
marginRight: '24px', |
|
||||
}, |
|
||||
'ant-form-item-label, .ant-legacy-form-item-label': { |
|
||||
label: { marginRight: '0', color: token.textColor }, |
|
||||
}, |
|
||||
'ant-form-item-label, .ant-legacy-form-item-label, .ant-form-item-control, .ant-legacy-form-item-control': |
|
||||
{ |
|
||||
padding: '0', |
|
||||
lineHeight: '32px', |
|
||||
}, |
|
||||
}, |
|
||||
label: { |
|
||||
flex: '0 0 auto', |
|
||||
marginRight: '24px', |
|
||||
color: token.headingColor, |
|
||||
fontSize: token.fontSizeBase, |
|
||||
textAlign: 'right', |
|
||||
'& > span': { |
|
||||
display: 'inline-block', |
|
||||
height: '32px', |
|
||||
lineHeight: '32px', |
|
||||
'&::after': { content: "'：'" }, |
|
||||
}, |
|
||||
}, |
|
||||
content: { |
|
||||
flex: '1 1 0', |
|
||||
':global': { |
|
||||
'ant-form-item, .ant-legacy-form-item': { |
|
||||
'&:last-child': { |
|
||||
display: 'block', |
|
||||
marginRight: '0', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
standardFormRowLast: { |
|
||||
marginBottom: '0', |
|
||||
paddingBottom: '0', |
|
||||
border: 'none', |
|
||||
}, |
|
||||
standardFormRowBlock: { |
|
||||
':global': { |
|
||||
'ant-form-item, .ant-legacy-form-item, div.ant-form-item-control-wrapper, div.ant-legacy-form-item-control-wrapper': |
|
||||
{ |
|
||||
display: 'block', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
standardFormRowGrid: { |
|
||||
':global': { |
|
||||
'ant-form-item, .ant-legacy-form-item, div.ant-form-item-control-wrapper, div.ant-legacy-form-item-control-wrapper': |
|
||||
{ |
|
||||
display: 'block', |
|
||||
}, |
|
||||
'ant-form-item-label, .ant-legacy-form-item-label': { |
|
||||
float: 'left', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,34 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
tagSelect: { |
|
||||
position: 'relative', |
|
||||
maxHeight: '32px', |
|
||||
marginLeft: '-8px', |
|
||||
overflow: 'hidden', |
|
||||
lineHeight: '32px', |
|
||||
transition: 'all 0.3s', |
|
||||
userSelect: 'none', |
|
||||
':global': { |
|
||||
'ant-tag': { |
|
||||
marginRight: '24px', |
|
||||
padding: '0 8px', |
|
||||
fontSize: token.fontSizeBase, |
|
||||
}, |
|
||||
}, |
|
||||
'&expanded': { maxHeight: '200px', transition: 'all 0.3s' }, |
|
||||
trigger: { |
|
||||
position: 'absolute', |
|
||||
top: '0', |
|
||||
right: '0', |
|
||||
spananticon: { |
|
||||
fontSize: '12px', |
|
||||
}, |
|
||||
}, |
|
||||
'&hasExpandTag': { paddingRight: '50px' }, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,55 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
coverCardList: { |
|
||||
card: { |
|
||||
':global': { |
|
||||
'ant-card-meta-title': { |
|
||||
marginBottom: '4px', |
|
||||
'& > a': { |
|
||||
display: 'inline-block', |
|
||||
maxWidth: '100%', |
|
||||
color: token.headingColor, |
|
||||
}, |
|
||||
}, |
|
||||
'ant-card-meta-description': { |
|
||||
height: '44px', |
|
||||
overflow: 'hidden', |
|
||||
lineHeight: '22px', |
|
||||
}, |
|
||||
}, |
|
||||
'&:hover': { |
|
||||
':global': { |
|
||||
'ant-card-meta-title > a': { |
|
||||
color: token.colorPrimary, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
cardItemContent: { |
|
||||
display: 'flex', |
|
||||
height: '20px', |
|
||||
marginTop: '16px', |
|
||||
marginBottom: '-4px', |
|
||||
lineHeight: '20px', |
|
||||
'& > span': { |
|
||||
flex: '1', |
|
||||
color: token.textColorSecondary, |
|
||||
fontSize: '12px', |
|
||||
}, |
|
||||
avatarList: { |
|
||||
flex: '0 1 auto', |
|
||||
}, |
|
||||
}, |
|
||||
cardList: { marginTop: '24px' }, |
|
||||
':global': { |
|
||||
'ant-list .ant-list-item-content-single': { |
|
||||
maxWidth: '100%', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,7 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return {}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,57 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
main: { |
|
||||
':global': { |
|
||||
'ant-descriptions-row > td': { |
|
||||
paddingBottom: '8px', |
|
||||
}, |
|
||||
'ant-page-header-heading-extra': { |
|
||||
flexDirection: 'column', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
headerList: { |
|
||||
marginBottom: '4px', |
|
||||
':global': { |
|
||||
'ant-descriptions-row > td': { |
|
||||
paddingBottom: '8px', |
|
||||
}, |
|
||||
}, |
|
||||
stepDescription: { |
|
||||
position: 'relative', |
|
||||
left: '38px', |
|
||||
paddingTop: '8px', |
|
||||
fontSize: '14px', |
|
||||
textAlign: 'left', |
|
||||
'> div': { |
|
||||
marginTop: '8px', |
|
||||
marginBottom: '4px', |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
pageHeader: { |
|
||||
':global': { |
|
||||
'ant-page-header-heading-extra > * + *': { |
|
||||
marginLeft: '8px', |
|
||||
}, |
|
||||
}, |
|
||||
moreInfo: { |
|
||||
display: 'flex', |
|
||||
justifyContent: 'space-between', |
|
||||
width: '200px', |
|
||||
}, |
|
||||
}, |
|
||||
[`@mediascreen and (max-width: token.screen-sm)`]: { |
|
||||
stepDescription: { left: '8px' }, |
|
||||
pageHeader: { |
|
||||
':global': { |
|
||||
'ant-pro-page-header-wrap-row': { flexDirection: 'column' }, |
|
||||
}, |
|
||||
}, |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,14 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
title: { |
|
||||
marginBottom: '16px', |
|
||||
color: token.headingColor, |
|
||||
fontWeight: '500', |
|
||||
fontSize: '16px', |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,17 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
error_icon: { |
|
||||
color: token.highlightColor, |
|
||||
}, |
|
||||
title: { |
|
||||
marginBottom: '16px', |
|
||||
color: token.headingColor, |
|
||||
fontWeight: '500', |
|
||||
fontSize: '16px', |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
@ -1,20 +0,0 @@ |
|||||
import { createStyles } from 'antd-style'; |
|
||||
|
|
||||
const useStyles = createStyles(({ token }) => { |
|
||||
return { |
|
||||
title: { |
|
||||
position: 'relative', |
|
||||
color: token.textColor, |
|
||||
fontSize: '12px', |
|
||||
textAlign: 'center', |
|
||||
}, |
|
||||
'head-title': { |
|
||||
marginBottom: '20px', |
|
||||
color: token.headingColor, |
|
||||
fontWeight: '500px', |
|
||||
fontSize: '16px', |
|
||||
}, |
|
||||
}; |
|
||||
}); |
|
||||
|
|
||||
export default useStyles; |
|
||||
Loading…
Reference in new issue