期贤
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