tsai
/
ant-design-pro
mirror of https://github.com/ant-design/ant-design-pro
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

remove commit lint

pull/10914/head
期贤 3 years ago
parent
22d7518257
commit
0c117ace5e
37 changed files with 880 additions and 889 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 7
      .husky/commit-msg
  2. 4
      .husky/pre-commit
  3. 1
      package.json
  4. 30
      src/pages/User/register/style.style.ts
  5. 66
      src/pages/account/center/Center.style.ts
  6. 52
      src/pages/account/center/components/Applications/index.style.ts
  7. 24
      src/pages/account/center/components/ArticleListContent/index.style.ts
  8. 30
      src/pages/account/center/components/AvatarList/index.style.ts
  9. 46
      src/pages/account/center/components/Projects/index.style.ts
  10. 56
      src/pages/account/settings/components/index.style.ts
  11. 76
      src/pages/account/settings/style.style.ts
  12. 80
      src/pages/dashboard/analysis/components/Charts/ChartCard/index.style.ts
  13. 14
      src/pages/dashboard/analysis/components/Charts/Field/index.style.ts
  14. 60
      src/pages/dashboard/analysis/components/NumberInfo/index.style.ts
  15. 22
      src/pages/dashboard/analysis/components/Trend/index.style.ts
  16. 152
      src/pages/dashboard/analysis/style.style.ts
  17. 10
      src/pages/dashboard/monitor/style.style.ts
  18. 16
      src/pages/dashboard/workplace/components/EditableLinkGroup/index.style.ts
  19. 234
      src/pages/dashboard/workplace/style.style.ts
  20. 48
      src/pages/form/advanced-form/style.style.ts
  21. 4
      src/pages/form/basic-form/style.style.ts
  22. 155
      src/pages/list/basic-list/style.style.ts
  23. 74
      src/pages/list/card-list/style.style.ts
  24. 58
      src/pages/list/search/applications/components/StandardFormRow/index.style.ts
  25. 36
      src/pages/list/search/applications/components/TagSelect/index.style.ts
  26. 50
      src/pages/list/search/applications/style.style.ts
  27. 24
      src/pages/list/search/articles/components/ArticleListContent/index.style.ts
  28. 62
      src/pages/list/search/articles/components/StandardFormRow/index.style.ts
  29. 36
      src/pages/list/search/articles/components/TagSelect/index.style.ts
  30. 30
      src/pages/list/search/projects/components/AvatarList/index.style.ts
  31. 62
      src/pages/list/search/projects/components/StandardFormRow/index.style.ts
  32. 36
      src/pages/list/search/projects/components/TagSelect/index.style.ts
  33. 46
      src/pages/list/search/projects/style.style.ts
  34. 36
      src/pages/profile/advanced/style.style.ts
  35. 8
      src/pages/profile/basic/style.style.ts
  36. 8
      src/pages/result/fail/index.style.ts
  37. 16
      src/pages/result/success/index.style.ts

7
.husky/commit-msg
View File

@ -1,7 +0,0 @@
#!/bin/sh
. "$(dirname "$0")/_/husky.sh"
# Export Git hook params
export GIT_PARAMS=$*
npx --no-install fabric verify-commit

4
.husky/pre-commit
View File

@ -1,4 +0,0 @@
#!/bin/sh
. "$(dirname "$0")/_/husky.sh"
npx --no-install lint-staged

1
package.json
View File

@ -91,7 +91,6 @@
"husky": "^7.0.4", "husky": "^7.0.4",
"jest": "^29.4.3", "jest": "^29.4.3",
"jest-environment-jsdom": "^29.4.3", "jest-environment-jsdom": "^29.4.3",
"lint-staged": "^10.5.4",
"mockjs": "^1.1.0", "mockjs": "^1.1.0",
"prettier": "^2.8.4", "prettier": "^2.8.4",
"swagger-ui-dist": "^4.15.5", "swagger-ui-dist": "^4.15.5",

30
src/pages/User/register/style.style.ts
View File

@ -1,41 +1,41 @@
import { createStyles } from "antd-style"; import { createStyles } from 'antd-style';
const useStyles = createStyles(({ token }) => { const useStyles = createStyles(({ token }) => {
return { return {
main: { main: {
width: "368px", width: '368px',
margin: "0 auto", margin: '0 auto',
h3: { marginBottom: "20px", fontSize: "16px" }, h3: { marginBottom: '20px', fontSize: '16px' },
}, },
password: { password: {
marginBottom: "24px", marginBottom: '24px',
".ant-form-item-explain": { display: "none" }, '.ant-form-item-explain': { display: 'none' },
}, },
getCaptcha: { getCaptcha: {
display: "block", display: 'block',
width: "100%", width: '100%',
}, },
submit: { submit: {
width: "50%", width: '50%',
}, },
login: { login: {
float: "right", float: 'right',
lineHeight: token.controlHeight, lineHeight: token.controlHeight,
}, },
success: { success: {
transition: "color 0.3s", transition: 'color 0.3s',
color: token.colorSuccess, color: token.colorSuccess,
}, },
warning: { warning: {
transition: "color 0.3s", transition: 'color 0.3s',
color: token.colorWarning, color: token.colorWarning,
}, },
error: { error: {
transition: "color 0.3s", transition: 'color 0.3s',
color: token.colorError, color: token.colorError,
}, },
"progress-pass > .progress": { 'progress-pass > .progress': {
".ant-progress-bg": { backgroundColor: token.colorWarning }, '.ant-progress-bg': { backgroundColor: token.colorWarning },
}, },
}; };
}); });

66
src/pages/account/center/Center.style.ts
View File

@ -1,67 +1,67 @@
import { createStyles } from "antd-style"; import { createStyles } from 'antd-style';
const useStyles = createStyles(({ token }) => { const useStyles = createStyles(({ token }) => {
return { return {
avatarHolder: { avatarHolder: {
marginBottom: "24px", marginBottom: '24px',
textAlign: "center", textAlign: 'center',
"& > img": { width: "104px", height: "104px", marginBottom: "20px" }, '& > img': { width: '104px', height: '104px', marginBottom: '20px' },
}, },
name: { name: {
marginBottom: "4px", marginBottom: '4px',
color: token.colorTextHeading, color: token.colorTextHeading,
fontWeight: "500", fontWeight: '500',
fontSize: "20px", fontSize: '20px',
lineHeight: "28px", lineHeight: '28px',
}, },
detail: { detail: {
p: { p: {
position: "relative", position: 'relative',
marginBottom: "8px", marginBottom: '8px',
paddingLeft: "26px", paddingLeft: '26px',
"&:last-child": { '&:last-child': {
marginBottom: "0", marginBottom: '0',
}, },
}, },
i: { i: {
position: "absolute", position: 'absolute',
top: "4px", top: '4px',
left: "0", left: '0',
width: "14px", width: '14px',
height: "14px", height: '14px',
}, },
}, },
tagsTitle: { tagsTitle: {
marginBottom: "12px", marginBottom: '12px',
color: token.colorTextHeading, color: token.colorTextHeading,
fontWeight: "500", fontWeight: '500',
}, },
teamTitle: { teamTitle: {
marginBottom: "12px", marginBottom: '12px',
color: token.colorTextHeading, color: token.colorTextHeading,
fontWeight: "500", fontWeight: '500',
}, },
tags: { tags: {
".ant-tag": { marginBottom: "8px" }, '.ant-tag': { marginBottom: '8px' },
}, },
team: { team: {
".ant-avatar": { marginRight: "12px" }, '.ant-avatar': { marginRight: '12px' },
a: { a: {
display: "block", display: 'block',
marginBottom: "24px", marginBottom: '24px',
overflow: "hidden", overflow: 'hidden',
color: token.colorText, color: token.colorText,
whiteSpace: "nowrap", whiteSpace: 'nowrap',
textOverflow: "ellipsis", textOverflow: 'ellipsis',
wordBreak: "break-all", wordBreak: 'break-all',
transition: "color 0.3s", transition: 'color 0.3s',
"&:hover": { '&:hover': {
color: token.colorPrimary, color: token.colorPrimary,
}, },
}, },
}, },
tabsCard: { tabsCard: {
".ant-card-head": { padding: "0 16px" }, '.ant-card-head': { padding: '0 16px' },
}, },
}; };
}); });

52
src/pages/account/center/components/Applications/index.style.ts
View File

@ -1,39 +1,39 @@
import { createStyles } from "antd-style"; import { createStyles } from 'antd-style';
const useStyles = createStyles(({ token }) => { const useStyles = createStyles(({ token }) => {
return { return {
filterCardList: { filterCardList: {
marginBottom: "-24px", marginBottom: '-24px',
".ant-card-meta-content": { marginTop: "0" }, '.ant-card-meta-content': { marginTop: '0' },
".ant-card-meta-avatar": { fontSize: "0" }, '.ant-card-meta-avatar': { fontSize: '0' },
".ant-list .ant-list-item-content-single": { maxWidth: "100%" }, '.ant-list .ant-list-item-content-single': { maxWidth: '100%' },
}, },
cardInfo: { cardInfo: {
marginTop: "16px", marginTop: '16px',
marginLeft: "40px", marginLeft: '40px',
zoom: "1", zoom: '1',
"&::before, &::after": { display: "table", content: "' '" }, '&::before, &::after': { display: 'table', content: "' '" },
"&::after": { '&::after': {
clear: "both", clear: 'both',
height: "0", height: '0',
fontSize: "0", fontSize: '0',
visibility: "hidden", visibility: 'hidden',
}, },
"& > div": { '& > div': {
position: "relative", position: 'relative',
float: "left", float: 'left',
width: "50%", width: '50%',
textAlign: "left", textAlign: 'left',
p: { p: {
margin: "0", margin: '0',
fontSize: "24px", fontSize: '24px',
lineHeight: "32px", lineHeight: '32px',
}, },
"p:first-child": { 'p:first-child': {
marginBottom: "4px", marginBottom: '4px',
color: token.colorTextSecondary, color: token.colorTextSecondary,
fontSize: "12px", fontSize: '12px',
lineHeight: "20px", lineHeight: '20px',
}, },
}, },
}, },

24
src/pages/account/center/components/ArticleListContent/index.style.ts
View File

@ -1,25 +1,25 @@
import { createStyles } from "antd-style"; import { createStyles } from 'antd-style';
const useStyles = createStyles(({ token }) => { const useStyles = createStyles(({ token }) => {
return { return {
description: { description: {
maxWidth: "720px", maxWidth: '720px',
lineHeight: "22px", lineHeight: '22px',
}, },
extra: { extra: {
marginTop: "16px", marginTop: '16px',
color: token.colorTextSecondary, color: token.colorTextSecondary,
lineHeight: "22px", lineHeight: '22px',
"& > em": { '& > em': {
marginLeft: "16px", marginLeft: '16px',
color: token.colorTextDisabled, color: token.colorTextDisabled,
fontStyle: "normal", fontStyle: 'normal',
}, },
[`@media screen and (max-width: ${token.screenXS}px)`]: { [`@media screen and (max-width: ${token.screenXS}px)`]: {
"& > em": { '& > em': {
display: "block", display: 'block',
marginTop: "8px", marginTop: '8px',
marginLeft: "0", marginLeft: '0',
}, },
}, },
}, },

30
src/pages/account/center/components/AvatarList/index.style.ts
View File

@ -1,18 +1,18 @@
import { createStyles } from "antd-style"; import { createStyles } from 'antd-style';
const useStyles = createStyles(({ token }) => { const useStyles = createStyles(({ token }) => {
return { return {
avatarList: { avatarList: {
display: "inline-block", display: 'inline-block',
ul: { display: "inline-block", marginLeft: "8px", fontSize: "0" }, ul: { display: 'inline-block', marginLeft: '8px', fontSize: '0' },
}, },
avatarItem: { avatarItem: {
display: "inline-block", display: 'inline-block',
width: token.controlHeight, width: token.controlHeight,
height: token.controlHeight, height: token.controlHeight,
marginLeft: "-8px", marginLeft: '-8px',
fontSize: token.fontSize, fontSize: token.fontSize,
".ant-avatar": { border: `1px solid ${token.colorBorder}` }, '.ant-avatar': { border: `1px solid ${token.colorBorder}` },
}, },
avatarItemLarge: { avatarItemLarge: {
width: token.controlHeightLG, width: token.controlHeightLG,
@ -23,15 +23,15 @@ const useStyles = createStyles(({ token }) => {
height: token.controlHeightSM, height: token.controlHeightSM,
}, },
avatarItemMini: { avatarItemMini: {
width: "20px", width: '20px',
height: "20px", height: '20px',
".ant-avatar": { '.ant-avatar': {
width: "20px", width: '20px',
height: "20px", height: '20px',
lineHeight: "20px", lineHeight: '20px',
".ant-avatar-string": { '.ant-avatar-string': {
fontSize: "12px", fontSize: '12px',
lineHeight: "18px", lineHeight: '18px',
}, },
}, },
}, },

46
src/pages/account/center/components/Projects/index.style.ts
View File

@ -1,47 +1,47 @@
import { createStyles } from "antd-style"; import { createStyles } from 'antd-style';
const useStyles = createStyles(({ token }) => { const useStyles = createStyles(({ token }) => {
return { return {
card: { card: {
".ant-card-meta-title": { '.ant-card-meta-title': {
marginBottom: "4px", marginBottom: '4px',
"& > a": { '& > a': {
display: "inline-block", display: 'inline-block',
maxWidth: "100%", maxWidth: '100%',
color: token.colorTextHeading, color: token.colorTextHeading,
}, },
}, },
".ant-card-meta-description": { '.ant-card-meta-description': {
height: "44px", height: '44px',
overflow: "hidden", overflow: 'hidden',
lineHeight: "22px", lineHeight: '22px',
}, },
"&:hover": { '&:hover': {
".ant-card-meta-title > a": { '.ant-card-meta-title > a': {
color: token.colorPrimary, color: token.colorPrimary,
}, },
}, },
}, },
cardItemContent: { cardItemContent: {
display: "flex", display: 'flex',
height: "20px", height: '20px',
marginTop: "16px", marginTop: '16px',
marginBottom: "-4px", marginBottom: '-4px',
lineHeight: "20px", lineHeight: '20px',
"& > span": { '& > span': {
flex: "1", flex: '1',
color: token.colorTextSecondary, color: token.colorTextSecondary,
fontSize: "12px", fontSize: '12px',
}, },
}, },
avatarList: { avatarList: {
flex: "0 1 auto", flex: '0 1 auto',
}, },
cardList: { cardList: {
marginTop: "24px", marginTop: '24px',
}, },
coverCardList: { coverCardList: {
".ant-list .ant-list-item-content-single": { maxWidth: "100%" }, '.ant-list .ant-list-item-content-single': { maxWidth: '100%' },
}, },
}; };
}); });

56
src/pages/account/settings/components/index.style.ts
View File

@ -1,58 +1,58 @@
import { createStyles } from "antd-style"; import { createStyles } from 'antd-style';
const useStyles = createStyles(({ token }) => { const useStyles = createStyles(({ token }) => {
return { return {
baseView: { baseView: {
display: "flex", display: 'flex',
paddingTop: "12px", paddingTop: '12px',
".ant-legacy-form-item .ant-legacy-form-item-control-wrapper": { '.ant-legacy-form-item .ant-legacy-form-item-control-wrapper': {
width: "100%", width: '100%',
}, },
[`@media screen and (max-width: ${token.screenXL}px)`]: { [`@media screen and (max-width: ${token.screenXL}px)`]: {
flexDirection: "column-reverse", flexDirection: 'column-reverse',
}, },
}, },
left: { left: {
minWidth: "224px", minWidth: '224px',
maxWidth: "448px", maxWidth: '448px',
}, },
right: { right: {
flex: "1", flex: '1',
paddingLeft: "104px", paddingLeft: '104px',
[`@media screen and (max-width: ${token.screenXL}px)`]: { [`@media screen and (max-width: ${token.screenXL}px)`]: {
display: "flex", display: 'flex',
flexDirection: "column", flexDirection: 'column',
alignItems: "center", alignItems: 'center',
maxWidth: "448px", maxWidth: '448px',
padding: "20px", padding: '20px',
}, },
}, },
avatar_title: { avatar_title: {
height: "22px", height: '22px',
marginBottom: "8px", marginBottom: '8px',
color: token.colorTextHeading, color: token.colorTextHeading,
fontSize: token.fontSize, fontSize: token.fontSize,
lineHeight: "22px", lineHeight: '22px',
[`@media screen and (max-width: ${token.screenXL}px)`]: { [`@media screen and (max-width: ${token.screenXL}px)`]: {
display: "none", display: 'none',
}, },
}, },
avatar: { avatar: {
width: "144px", width: '144px',
height: "144px", height: '144px',
marginBottom: "12px", marginBottom: '12px',
overflow: "hidden", overflow: 'hidden',
img: { width: "100%" }, img: { width: '100%' },
}, },
button_view: { button_view: {
width: "144px", width: '144px',
textAlign: "center", textAlign: 'center',
}, },
area_code: { area_code: {
width: "72px", width: '72px',
}, },
phone_number: { phone_number: {
width: "214px", width: '214px',
}, },
}; };
}); });

76
src/pages/account/settings/style.style.ts
View File

@ -1,72 +1,72 @@
import { createStyles } from "antd-style"; import { createStyles } from 'antd-style';
const useStyles = createStyles(({ token }) => { const useStyles = createStyles(({ token }) => {
return { return {
main: { main: {
display: "flex", display: 'flex',
width: "100%", width: '100%',
height: "100%", height: '100%',
paddingTop: "16px", paddingTop: '16px',
paddingBottom: "16px", paddingBottom: '16px',
backgroundColor: token.colorBgContainer, backgroundColor: token.colorBgContainer,
".ant-list-split .ant-list-item:last-child": { '.ant-list-split .ant-list-item:last-child': {
borderBottom: `1px solid ${token.colorSplit}`, borderBottom: `1px solid ${token.colorSplit}`,
}, },
".ant-list-item": { paddingTop: "14px", paddingBottom: "14px" }, '.ant-list-item': { paddingTop: '14px', paddingBottom: '14px' },
[`@media screen and (max-width: ${token.screenMD}px)`]: { [`@media screen and (max-width: ${token.screenMD}px)`]: {
flexDirection: "column", flexDirection: 'column',
}, },
}, },
leftMenu: { leftMenu: {
width: "224px", width: '224px',
borderRight: `${token.lineWidth}px solid ${token.colorSplit}`, borderRight: `${token.lineWidth}px solid ${token.colorSplit}`,
".ant-menu-inline": { border: "none" }, '.ant-menu-inline': { border: 'none' },
".ant-menu-horizontal": { fontWeight: "bold" }, '.ant-menu-horizontal': { fontWeight: 'bold' },
[`@media screen and (max-width: ${token.screenMD}px)`]: { [`@media screen and (max-width: ${token.screenMD}px)`]: {
width: "100%", width: '100%',
border: "none", border: 'none',
}, },
}, },
right: { right: {
flex: "1", flex: '1',
padding: "8px 40px", padding: '8px 40px',
[`@media screen and (max-width: ${token.screenMD}px)`]: { [`@media screen and (max-width: ${token.screenMD}px)`]: {
padding: "40px", padding: '40px',
}, },
}, },
title: { title: {
marginBottom: "12px", marginBottom: '12px',
color: token.colorTextHeading, color: token.colorTextHeading,
fontWeight: "500", fontWeight: '500',
fontSize: "20px", fontSize: '20px',
lineHeight: "28px", lineHeight: '28px',
}, },
taobao: { taobao: {
display: "block", display: 'block',
color: "#ff4000", color: '#ff4000',
fontSize: "48px", fontSize: '48px',
lineHeight: "48px", lineHeight: '48px',
borderRadius: token.borderRadius, borderRadius: token.borderRadius,
}, },
dingding: { dingding: {
margin: "2px", margin: '2px',
padding: "6px", padding: '6px',
color: "#fff", color: '#fff',
fontSize: "32px", fontSize: '32px',
lineHeight: "32px", lineHeight: '32px',
backgroundColor: "#2eabff", backgroundColor: '#2eabff',
borderRadius: token.borderRadius, borderRadius: token.borderRadius,
}, },
alipay: { alipay: {
color: "#2eabff", color: '#2eabff',
fontSize: "48px", fontSize: '48px',
lineHeight: "48px", lineHeight: '48px',
borderRadius: token.borderRadius, borderRadius: token.borderRadius,
}, },
":global": { ':global': {
"font.strong": { color: token.colorSuccess }, 'font.strong': { color: token.colorSuccess },
"font.medium": { color: token.colorWarning }, 'font.medium': { color: token.colorWarning },
"font.weak": { color: token.colorError }, 'font.weak': { color: token.colorError },
}, },
}; };
}); });

80
src/pages/dashboard/analysis/components/Charts/ChartCard/index.style.ts
View File

@ -1,75 +1,75 @@
import { createStyles } from "antd-style"; import { createStyles } from 'antd-style';
const useStyles = createStyles(({ token }) => { const useStyles = createStyles(({ token }) => {
return { return {
chartCard: { chartCard: {
position: "relative", position: 'relative',
}, },
chartTop: { chartTop: {
position: "relative", position: 'relative',
width: "100%", width: '100%',
overflow: "hidden", overflow: 'hidden',
}, },
chartTopMargin: { chartTopMargin: {
marginBottom: "12px", marginBottom: '12px',
}, },
chartTopHasMargin: { chartTopHasMargin: {
marginBottom: "20px", marginBottom: '20px',
}, },
metaWrap: { metaWrap: {
float: "left", float: 'left',
}, },
avatar: { avatar: {
position: "relative", position: 'relative',
top: "4px", top: '4px',
float: "left", float: 'left',
marginRight: "20px", marginRight: '20px',
img: { borderRadius: "100%" }, img: { borderRadius: '100%' },
}, },
meta: { meta: {
height: "22px", height: '22px',
color: token.colorTextSecondary, color: token.colorTextSecondary,
fontSize: token.fontSize, fontSize: token.fontSize,
lineHeight: "22px", lineHeight: '22px',
}, },
action: { action: {
position: "absolute", position: 'absolute',
top: "4px", top: '4px',
right: "0", right: '0',
lineHeight: "1", lineHeight: '1',
cursor: "pointer", cursor: 'pointer',
}, },
total: { total: {
height: "38px", height: '38px',
marginTop: "4px", marginTop: '4px',
marginBottom: "0", marginBottom: '0',
overflow: "hidden", overflow: 'hidden',
color: token.colorTextHeading, color: token.colorTextHeading,
fontSize: "30px", fontSize: '30px',
lineHeight: "38px", lineHeight: '38px',
whiteSpace: "nowrap", whiteSpace: 'nowrap',
textOverflow: "ellipsis", textOverflow: 'ellipsis',
wordBreak: "break-all", wordBreak: 'break-all',
}, },
content: { content: {
position: "relative", position: 'relative',
width: "100%", width: '100%',
marginBottom: "12px", marginBottom: '12px',
}, },
contentFixed: { contentFixed: {
position: "absolute", position: 'absolute',
bottom: "0", bottom: '0',
left: "0", left: '0',
width: "100%", width: '100%',
}, },
footer: { footer: {
marginTop: "8px", marginTop: '8px',
paddingTop: "9px", paddingTop: '9px',
borderTop: `1px solid ${token.colorSplit}`, borderTop: `1px solid ${token.colorSplit}`,
"& > *": { position: "relative" }, '& > *': { position: 'relative' },
}, },
footerMargin: { footerMargin: {
marginTop: "20px", marginTop: '20px',
}, },
}; };
}); });

14
src/pages/dashboard/analysis/components/Charts/Field/index.style.ts
View File

@ -1,19 +1,19 @@
import { createStyles } from "antd-style"; import { createStyles } from 'antd-style';
const useStyles = createStyles(({ token }) => { const useStyles = createStyles(({ token }) => {
return { return {
field: { field: {
margin: "0", margin: '0',
overflow: "hidden", overflow: 'hidden',
whiteSpace: "nowrap", whiteSpace: 'nowrap',
textOverflow: "ellipsis", textOverflow: 'ellipsis',
}, },
label: { label: {
fontSize: token.fontSize, fontSize: token.fontSize,
lineHeight: "22px", lineHeight: '22px',
}, },
number: { number: {
marginLeft: "8px", marginLeft: '8px',
color: token.colorTextHeading, color: token.colorTextHeading,
}, },
}; };

60
src/pages/dashboard/analysis/components/NumberInfo/index.style.ts
View File

@ -1,54 +1,54 @@
import { createStyles } from "antd-style"; import { createStyles } from 'antd-style';
const useStyles = createStyles(({ token }) => { const useStyles = createStyles(({ token }) => {
return { return {
suffix: { suffix: {
marginLeft: "4px", marginLeft: '4px',
color: token.colorText, color: token.colorText,
fontSize: "16px", fontSize: '16px',
fontStyle: "normal", fontStyle: 'normal',
}, },
numberInfoTitle: { numberInfoTitle: {
marginBottom: "16px", marginBottom: '16px',
color: token.colorText, color: token.colorText,
fontSize: token["font-size-lg"], fontSize: token['font-size-lg'],
transition: "all 0.3s", transition: 'all 0.3s',
}, },
numberInfoSubTitle: { numberInfoSubTitle: {
height: "22px", height: '22px',
overflow: "hidden", overflow: 'hidden',
color: token.colorTextSecondary, color: token.colorTextSecondary,
fontSize: token.fontSize, fontSize: token.fontSize,
lineHeight: "22px", lineHeight: '22px',
whiteSpace: "nowrap", whiteSpace: 'nowrap',
textOverflow: "ellipsis", textOverflow: 'ellipsis',
wordBreak: "break-all", wordBreak: 'break-all',
}, },
numberInfoValue: { numberInfoValue: {
marginTop: "4px", marginTop: '4px',
overflow: "hidden", overflow: 'hidden',
fontSize: "0", fontSize: '0',
whiteSpace: "nowrap", whiteSpace: 'nowrap',
textOverflow: "ellipsis", textOverflow: 'ellipsis',
wordBreak: "break-all", wordBreak: 'break-all',
"& > span": { color: token.colorText }, '& > span': { color: token.colorText },
}, },
subTotal: { subTotal: {
marginRight: "0", marginRight: '0',
color: token.colorTextSecondary, color: token.colorTextSecondary,
fontSize: token["font-size-lg"], fontSize: token['font-size-lg'],
verticalAlign: "top", verticalAlign: 'top',
}, },
anticon: { anticon: {
marginLeft: "4px", marginLeft: '4px',
fontSize: "12px", fontSize: '12px',
transform: "scale(0.82)", transform: 'scale(0.82)',
}, },
"anticon-caret-up": { 'anticon-caret-up': {
color: token["red-6"], color: token['red-6'],
}, },
"anticon-caret-down": { 'anticon-caret-down': {
color: token["green-6"], color: token['green-6'],
}, },
}; };
}); });

22
src/pages/dashboard/analysis/components/Trend/index.style.ts
View File

@ -1,27 +1,27 @@
import { createStyles } from "antd-style"; import { createStyles } from 'antd-style';
const useStyles = createStyles(({ token }) => { const useStyles = createStyles(({ token }) => {
return { return {
trendItem: { trendItem: {
display: "inline-block", display: 'inline-block',
fontSize: token.fontSize, fontSize: token.fontSize,
lineHeight: "22px", lineHeight: '22px',
}, },
up: { up: {
color: token["red-6"], color: token['red-6'],
}, },
down: { down: {
top: "-1px", top: '-1px',
color: token["green-6"], color: token['green-6'],
}, },
"trendItemGrey .up, trendItemGrey .down": { 'trendItemGrey .up, trendItemGrey .down': {
color: token.colorText, color: token.colorText,
}, },
"reverseColor .up": { 'reverseColor .up': {
color: token["green-6"], color: token['green-6'],
}, },
"reverseColor .down": { 'reverseColor .down': {
color: token["red-6"], color: token['red-6'],
}, },
}; };
}); });

152
src/pages/dashboard/analysis/style.style.ts
View File

@ -1,151 +1,151 @@
import { createStyles } from "antd-style"; import { createStyles } from 'antd-style';
const useStyles = createStyles(({ token }) => { const useStyles = createStyles(({ token }) => {
return { return {
iconGroup: { iconGroup: {
"span.anticon": { 'span.anticon': {
marginLeft: "16px", marginLeft: '16px',
color: token.colorTextSecondary, color: token.colorTextSecondary,
cursor: "pointer", cursor: 'pointer',
transition: "color 0.32s", transition: 'color 0.32s',
"&:hover": { '&:hover': {
color: token.colorText, color: token.colorText,
}, },
}, },
}, },
rankingList: { rankingList: {
margin: "25px 0 0", margin: '25px 0 0',
padding: "0", padding: '0',
listStyle: "none", listStyle: 'none',
li: { li: {
display: "flex", display: 'flex',
alignItems: "center", alignItems: 'center',
marginTop: "16px", marginTop: '16px',
zoom: "1", zoom: '1',
"&::before, &::after": { '&::before, &::after': {
display: "table", display: 'table',
content: "' '", content: "' '",
}, },
"&::after": { '&::after': {
clear: "both", clear: 'both',
height: "0", height: '0',
fontSize: "0", fontSize: '0',
visibility: "hidden", visibility: 'hidden',
}, },
span: { span: {
color: token.colorText, color: token.colorText,
fontSize: "14px", fontSize: '14px',
lineHeight: "22px", lineHeight: '22px',
}, },
}, },
[`@media screen and (max-width: ${token.screenLG}px)`]: { [`@media screen and (max-width: ${token.screenLG}px)`]: {
li: { li: {
"span:first-child": { marginRight: "8px" }, 'span:first-child': { marginRight: '8px' },
}, },
}, },
}, },
rankingItemNumber: { rankingItemNumber: {
display: "inline-block", display: 'inline-block',
width: "20px", width: '20px',
height: "20px", height: '20px',
marginTop: "1.5px", marginTop: '1.5px',
marginRight: "16px", marginRight: '16px',
fontWeight: "600", fontWeight: '600',
fontSize: "12px", fontSize: '12px',
lineHeight: "20px", lineHeight: '20px',
textAlign: "center", textAlign: 'center',
backgroundColor: "#F9F9F9", backgroundColor: '#F9F9F9',
borderRadius: "20px", borderRadius: '20px',
}, },
rankingItemTitle: { rankingItemTitle: {
flex: "1", flex: '1',
marginRight: "8px", marginRight: '8px',
overflow: "hidden", overflow: 'hidden',
whiteSpace: "nowrap", whiteSpace: 'nowrap',
textOverflow: "ellipsis", textOverflow: 'ellipsis',
}, },
active: { active: {
color: "#fff", color: '#fff',
backgroundColor: "#314659", backgroundColor: '#314659',
}, },
salesExtra: { salesExtra: {
display: "inline-block", display: 'inline-block',
marginRight: "24px", marginRight: '24px',
a: { a: {
marginLeft: "24px", marginLeft: '24px',
color: token.colorText, color: token.colorText,
"&:hover": { '&:hover': {
color: token.colorPrimary, color: token.colorPrimary,
}, },
}, },
[`@media screen and (max-width: ${token.screenLG}px)`]: { [`@media screen and (max-width: ${token.screenLG}px)`]: {
display: "none", display: 'none',
}, },
}, },
currentDate: { currentDate: {
color: token.colorPrimary, color: token.colorPrimary,
}, },
salesBar: { salesBar: {
padding: "0 0 32px 32px", padding: '0 0 32px 32px',
[`@media screen and (max-width: ${token.screenMD}px)`]: { [`@media screen and (max-width: ${token.screenMD}px)`]: {
padding: "16px", padding: '16px',
}, },
}, },
salesRank: { salesRank: {
padding: "0 32px 32px 72px", padding: '0 32px 32px 72px',
}, },
salesCard: { salesCard: {
".ant-tabs-bar, .ant-tabs-nav-wrap": { '.ant-tabs-bar, .ant-tabs-nav-wrap': {
paddingLeft: "16px", paddingLeft: '16px',
".ant-tabs-nav .ant-tabs-tab": { '.ant-tabs-nav .ant-tabs-tab': {
paddingTop: "16px", paddingTop: '16px',
paddingBottom: "14px", paddingBottom: '14px',
lineHeight: "24px", lineHeight: '24px',
}, },
}, },
".ant-tabs-extra-content": { paddingRight: "24px", lineHeight: "55px" }, '.ant-tabs-extra-content': { paddingRight: '24px', lineHeight: '55px' },
".ant-card-head": { position: "relative" }, '.ant-card-head': { position: 'relative' },
".ant-card-head-title": { alignItems: "normal" }, '.ant-card-head-title': { alignItems: 'normal' },
[`@media screen and (max-width: ${token.screenMD}px)`]: { [`@media screen and (max-width: ${token.screenMD}px)`]: {
padding: "16px", padding: '16px',
}, },
[`@media screen and (max-width: ${token.screenSM}px)`]: { [`@media screen and (max-width: ${token.screenSM}px)`]: {
".ant-tabs-content": { '.ant-tabs-content': {
paddingTop: "30px", paddingTop: '30px',
}, },
}, },
}, },
salesCardExtra: { salesCardExtra: {
height: "inherit", height: 'inherit',
}, },
salesTypeRadio: { salesTypeRadio: {
position: "absolute", position: 'absolute',
right: "54px", right: '54px',
bottom: "12px", bottom: '12px',
}, },
offlineCard: { offlineCard: {
".ant-tabs-ink-bar": { bottom: "auto" }, '.ant-tabs-ink-bar': { bottom: 'auto' },
".ant-tabs-bar": { borderBottom: "none" }, '.ant-tabs-bar': { borderBottom: 'none' },
".ant-tabs-nav-container-scrolling": { '.ant-tabs-nav-container-scrolling': {
paddingRight: "40px", paddingRight: '40px',
paddingLeft: "40px", paddingLeft: '40px',
}, },
".ant-tabs-tab-prev-icon::before": { position: "relative", left: "6px" }, '.ant-tabs-tab-prev-icon::before': { position: 'relative', left: '6px' },
".ant-tabs-tab-next-icon::before": { position: "relative", right: "6px" }, '.ant-tabs-tab-next-icon::before': { position: 'relative', right: '6px' },
".ant-tabs-tab-active h4": { color: token.colorPrimary }, '.ant-tabs-tab-active h4': { color: token.colorPrimary },
}, },
trendText: { trendText: {
marginLeft: "8px", marginLeft: '8px',
color: token.colorTextHeading, color: token.colorTextHeading,
}, },
rankingTitle: { rankingTitle: {
[`@media screen and (max-width: ${token.screenMD}px)`]: { [`@media screen and (max-width: ${token.screenMD}px)`]: {
marginTop: "16px", marginTop: '16px',
}, },
}, },
salesExtraWrap: { salesExtraWrap: {
[`@media screen and (max-width: ${token.screenSM}px)`]: { [`@media screen and (max-width: ${token.screenSM}px)`]: {
display: "none", display: 'none',
}, },
}, },
}; };

10
src/pages/dashboard/monitor/style.style.ts
View File

@ -1,13 +1,13 @@
import { createStyles } from "antd-style"; import { createStyles } from 'antd-style';
const useStyles = createStyles(({ token }) => { const useStyles = createStyles(({ token }) => {
return { return {
mapChart: { mapChart: {
height: "452px", height: '452px',
paddingTop: "24px", paddingTop: '24px',
img: { display: "inline-block", maxWidth: "100%", maxHeight: "437px" }, img: { display: 'inline-block', maxWidth: '100%', maxHeight: '437px' },
[`@media screen and (max-width: ${token.screenLG}px)`]: { [`@media screen and (max-width: ${token.screenLG}px)`]: {
height: "auto", height: 'auto',
}, },
}, },
}; };

16
src/pages/dashboard/workplace/components/EditableLinkGroup/index.style.ts
View File

@ -1,17 +1,17 @@
import { createStyles } from "antd-style"; import { createStyles } from 'antd-style';
const useStyles = createStyles(({ token }) => { const useStyles = createStyles(({ token }) => {
return { return {
linkGroup: { linkGroup: {
padding: "20px 0 8px 24px", padding: '20px 0 8px 24px',
fontSize: "0", fontSize: '0',
"& > a": { '& > a': {
display: "inline-block", display: 'inline-block',
width: "25%", width: '25%',
marginBottom: "13px", marginBottom: '13px',
color: token.colorText, color: token.colorText,
fontSize: token.fontSize, fontSize: token.fontSize,
"&:hover": { '&:hover': {
color: token.colorPrimary, color: token.colorPrimary,
}, },
}, },

234
src/pages/dashboard/workplace/style.style.ts
View File

@ -1,204 +1,208 @@
import { createStyles } from "antd-style"; import { createStyles } from 'antd-style';
const useStyles = createStyles(({ token }) => { const useStyles = createStyles(({ token }) => {
return { return {
activitiesList: { activitiesList: {
padding: "0 24px 8px 24px", padding: '0 24px 8px 24px',
}, },
username: { username: {
color: token.colorText, color: token.colorText,
}, },
event: { event: {
fontWeight: "normal", fontWeight: 'normal',
}, },
pageHeaderContent: { pageHeaderContent: {
display: "flex", display: 'flex',
[`@media screen and (max-width: ${token.screenSM}px)`]: { [`@media screen and (max-width: ${token.screenSM}px)`]: {
display: "block", display: 'block',
}, },
}, },
avatar: { avatar: {
flex: "0 1 72px", flex: '0 1 72px',
"& > span": { '& > span': {
display: "block", display: 'block',
width: "72px", width: '72px',
height: "72px", height: '72px',
borderRadius: "72px", borderRadius: '72px',
}, },
}, },
content: { content: {
position: "relative", position: 'relative',
top: "4px", top: '4px',
flex: "1 1 auto", flex: '1 1 auto',
marginLeft: "24px", marginLeft: '24px',
color: token.colorTextSecondary, color: token.colorTextSecondary,
lineHeight: "22px", lineHeight: '22px',
[`@media screen and (max-width: ${token.screenSM}px)`]: { [`@media screen and (max-width: ${token.screenSM}px)`]: {
marginLeft: "0", marginLeft: '0',
}, },
}, },
contentTitle: { contentTitle: {
marginBottom: "12px", marginBottom: '12px',
color: token.colorTextHeading, color: token.colorTextHeading,
fontWeight: "500", fontWeight: '500',
fontSize: "20px", fontSize: '20px',
lineHeight: "28px", lineHeight: '28px',
}, },
extraContent: { extraContent: {
zoom: "1", zoom: '1',
"&::before, &::after": { display: "table", content: "' '" }, '&::before, &::after': { display: 'table', content: "' '" },
"&::after": { '&::after': {
clear: "both", clear: 'both',
height: "0", height: '0',
fontSize: "0", fontSize: '0',
visibility: "hidden", visibility: 'hidden',
}, },
float: "right", float: 'right',
whiteSpace: "nowrap", whiteSpace: 'nowrap',
[`@media screen and (max-width: ${token.screenXL}px) and (min-width: @screen-lg)`]: [`@media screen and (max-width: ${token.screenXL}px) and (min-width: @screen-lg)`]: {
{ marginLeft: "-44px" }, marginLeft: '-44px',
},
[`@media screen and (max-width: ${token.screenLG}px)`]: { [`@media screen and (max-width: ${token.screenLG}px)`]: {
float: "none", float: 'none',
marginRight: "0", marginRight: '0',
}, },
[`@media screen and (max-width: ${token.screenMD}px)`]: { [`@media screen and (max-width: ${token.screenMD}px)`]: {
marginLeft: "-16px", marginLeft: '-16px',
}, },
}, },
statItem: { statItem: {
position: "relative", position: 'relative',
display: "inline-block", display: 'inline-block',
padding: "0 32px", padding: '0 32px',
"> p:first-child": { '> p:first-child': {
marginBottom: "4px", marginBottom: '4px',
color: token.colorTextSecondary, color: token.colorTextSecondary,
fontSize: token.fontSize, fontSize: token.fontSize,
lineHeight: "22px", lineHeight: '22px',
}, },
"> p": { '> p': {
margin: "0", margin: '0',
color: token.colorTextHeading, color: token.colorTextHeading,
fontSize: "30px", fontSize: '30px',
lineHeight: "38px", lineHeight: '38px',
"> span": { '> span': {
color: token.colorTextSecondary, color: token.colorTextSecondary,
fontSize: "20px", fontSize: '20px',
}, },
}, },
"&::after": { '&::after': {
position: "absolute", position: 'absolute',
top: "8px", top: '8px',
right: "0", right: '0',
width: "1px", width: '1px',
height: "40px", height: '40px',
backgroundColor: token.colorSplit, backgroundColor: token.colorSplit,
content: "''", content: "''",
}, },
"&:last-child": { '&:last-child': {
paddingRight: "0", paddingRight: '0',
"&::after": { '&::after': {
display: "none", display: 'none',
}, },
}, },
[`@media screen and (max-width: ${token.screenXL}px) and (min-width: @screen-lg)`]: [`@media screen and (max-width: ${token.screenXL}px) and (min-width: @screen-lg)`]: {
{ padding: "0 16px" }, padding: '0 16px',
},
[`@media screen and (max-width: ${token.screenLG}px)`]: { [`@media screen and (max-width: ${token.screenLG}px)`]: {
padding: "0 16px", padding: '0 16px',
textAlign: "left", textAlign: 'left',
"&::after": { '&::after': {
display: "none", display: 'none',
}, },
}, },
[`@media screen and (max-width: ${token.screenSM}px)`]: { float: "none" }, [`@media screen and (max-width: ${token.screenSM}px)`]: { float: 'none' },
}, },
members: { members: {
a: { a: {
display: "block", display: 'block',
height: "24px", height: '24px',
margin: "12px 0", margin: '12px 0',
color: token.colorText, color: token.colorText,
transition: "all 0.3s", transition: 'all 0.3s',
overflow: "hidden", overflow: 'hidden',
whiteSpace: "nowrap", whiteSpace: 'nowrap',
textOverflow: "ellipsis", textOverflow: 'ellipsis',
wordBreak: "break-all", wordBreak: 'break-all',
"&:hover": { '&:hover': {
color: token.colorPrimary, color: token.colorPrimary,
}, },
}, },
[`@media screen and (max-width: ${token.screenXL}px) and (min-width: @screen-lg)`]: [`@media screen and (max-width: ${token.screenXL}px) and (min-width: @screen-lg)`]: {
{ marginBottom: "0" }, marginBottom: '0',
},
[`@media screen and (max-width: ${token.screenLG}px)`]: { [`@media screen and (max-width: ${token.screenLG}px)`]: {
marginBottom: "0", marginBottom: '0',
}, },
}, },
member: { member: {
marginLeft: "12px", marginLeft: '12px',
fontSize: token.fontSize, fontSize: token.fontSize,
lineHeight: "24px", lineHeight: '24px',
verticalAlign: "top", verticalAlign: 'top',
}, },
projectList: { projectList: {
".ant-card-meta-description": { '.ant-card-meta-description': {
height: "44px", height: '44px',
overflow: "hidden", overflow: 'hidden',
color: token.colorTextSecondary, color: token.colorTextSecondary,
lineHeight: "22px", lineHeight: '22px',
}, },
}, },
cardTitle: { cardTitle: {
fontSize: "0", fontSize: '0',
a: { a: {
display: "inline-block", display: 'inline-block',
height: "24px", height: '24px',
marginLeft: "12px", marginLeft: '12px',
color: token.colorTextHeading, color: token.colorTextHeading,
fontSize: token.fontSize, fontSize: token.fontSize,
lineHeight: "24px", lineHeight: '24px',
verticalAlign: "top", verticalAlign: 'top',
"&:hover": { '&:hover': {
color: token.colorPrimary, color: token.colorPrimary,
}, },
}, },
}, },
projectGrid: { projectGrid: {
width: "33.33%", width: '33.33%',
[`@media screen and (max-width: ${token.screenMD}px)`]: { width: "50%" }, [`@media screen and (max-width: ${token.screenMD}px)`]: { width: '50%' },
[`@media screen and (max-width: ${token.screenXS}px)`]: { width: "100%" }, [`@media screen and (max-width: ${token.screenXS}px)`]: { width: '100%' },
}, },
projectItemContent: { projectItemContent: {
display: "flex", display: 'flex',
height: "20px", height: '20px',
marginTop: "8px", marginTop: '8px',
overflow: "hidden", overflow: 'hidden',
fontSize: "12px", fontSize: '12px',
lineHeight: "20px", lineHeight: '20px',
whiteSpace: "nowrap", whiteSpace: 'nowrap',
textOverflow: "ellipsis", textOverflow: 'ellipsis',
wordBreak: "break-all", wordBreak: 'break-all',
a: { a: {
display: "inline-block", display: 'inline-block',
flex: "1 1 0", flex: '1 1 0',
color: token.colorTextSecondary, color: token.colorTextSecondary,
overflow: "hidden", overflow: 'hidden',
whiteSpace: "nowrap", whiteSpace: 'nowrap',
textOverflow: "ellipsis", textOverflow: 'ellipsis',
wordBreak: "break-all", wordBreak: 'break-all',
"&:hover": { '&:hover': {
color: token.colorPrimary, color: token.colorPrimary,
}, },
}, },
}, },
datetime: { datetime: {
flex: "0 0 auto", flex: '0 0 auto',
float: "right", float: 'right',
color: token.colorTextDisabled, color: token.colorTextDisabled,
}, },
activeCard: { activeCard: {
[`@media screen and (max-width: ${token.screenXL}px) and (min-width: @screen-lg)`]: [`@media screen and (max-width: ${token.screenXL}px) and (min-width: @screen-lg)`]: {
{ marginBottom: "24px" }, marginBottom: '24px',
},
[`@media screen and (max-width: ${token.screenLG}px)`]: { [`@media screen and (max-width: ${token.screenLG}px)`]: {
marginBottom: "24px", marginBottom: '24px',
}, },
}, },
}; };

48
src/pages/form/advanced-form/style.style.ts
View File

@ -1,46 +1,46 @@
import { createStyles } from "antd-style"; import { createStyles } from 'antd-style';
const useStyles = createStyles(({ token }) => { const useStyles = createStyles(({ token }) => {
return { return {
card: { card: {
marginBottom: "24px", marginBottom: '24px',
".ant-legacy-form-item .ant-legacy-form-item-control-wrapper": { '.ant-legacy-form-item .ant-legacy-form-item-control-wrapper': {
width: "100%", width: '100%',
}, },
}, },
errorIcon: { errorIcon: {
marginRight: "12px", marginRight: '12px',
color: token.colorError, color: token.colorError,
cursor: "pointer", cursor: 'pointer',
"span.anticon": { marginRight: "4px" }, 'span.anticon': { marginRight: '4px' },
float: "left", float: 'left',
marginTop: "4px", marginTop: '4px',
paddingBottom: "22px", paddingBottom: '22px',
}, },
errorPopover: { errorPopover: {
".ant-popover-inner-content": { '.ant-popover-inner-content': {
minWidth: "256px", minWidth: '256px',
maxHeight: "290px", maxHeight: '290px',
padding: "0", padding: '0',
overflow: "auto", overflow: 'auto',
}, },
}, },
errorListItem: { errorListItem: {
padding: "8px 16px", padding: '8px 16px',
listStyle: "none", listStyle: 'none',
borderBottom: `1px solid ${token.colorSplit}`, borderBottom: `1px solid ${token.colorSplit}`,
cursor: "pointer", cursor: 'pointer',
transition: "all 0.3s", transition: 'all 0.3s',
"&:hover": { background: token.colorBgTextActive }, '&:hover': { background: token.colorBgTextActive },
"&:last-child": { border: "0" }, '&:last-child': { border: '0' },
}, },
errorField: { errorField: {
marginTop: "2px", marginTop: '2px',
color: token.colorTextSecondary, color: token.colorTextSecondary,
fontSize: "12px", fontSize: '12px',
}, },
editable: { editable: {
td: { paddingTop: "13px", paddingBottom: "12.5px" }, td: { paddingTop: '13px', paddingBottom: '12.5px' },
}, },
}; };
}); });

4
src/pages/form/basic-form/style.style.ts
View File

@ -1,10 +1,10 @@
import { createStyles } from "antd-style"; import { createStyles } from 'antd-style';
const useStyles = createStyles(({ token }) => { const useStyles = createStyles(({ token }) => {
return { return {
optional: { optional: {
color: token.colorTextSecondary, color: token.colorTextSecondary,
fontStyle: "normal", fontStyle: 'normal',
}, },
}; };
}); });

155
src/pages/list/basic-list/style.style.ts
View File

@ -1,139 +1,138 @@
import { createStyles } from "antd-style"; import { createStyles } from 'antd-style';
const useStyles = createStyles(({ token }) => { const useStyles = createStyles(({ token }) => {
return { return {
standardList: { standardList: {
".ant-card-head": { borderBottom: "none" }, '.ant-card-head': { borderBottom: 'none' },
".ant-card-head-title": { padding: "24px 0", lineHeight: "32px" }, '.ant-card-head-title': { padding: '24px 0', lineHeight: '32px' },
".ant-card-extra": { padding: "24px 0" }, '.ant-card-extra': { padding: '24px 0' },
".ant-list-pagination": { marginTop: "24px", textAlign: "right" }, '.ant-list-pagination': { marginTop: '24px', textAlign: 'right' },
".ant-avatar-lg": { width: "48px", height: "48px", lineHeight: "48px" }, '.ant-avatar-lg': { width: '48px', height: '48px', lineHeight: '48px' },
[`@media screen and (max-width: ${token.screenXS}px)`]: { [`@media screen and (max-width: ${token.screenXS}px)`]: {
".ant-list-item-content": { '.ant-list-item-content': {
display: "block", display: 'block',
flex: "none", flex: 'none',
width: "100%", width: '100%',
}, },
".ant-list-item-action": { '.ant-list-item-action': {
marginLeft: "0", marginLeft: '0',
}, },
}, },
}, },
headerInfo: { headerInfo: {
position: "relative", position: 'relative',
textAlign: "center", textAlign: 'center',
"& > span": { '& > span': {
display: "inline-block", display: 'inline-block',
marginBottom: "4px", marginBottom: '4px',
color: token.colorTextSecondary, color: token.colorTextSecondary,
fontSize: token.fontSize, fontSize: token.fontSize,
lineHeight: "22px", lineHeight: '22px',
}, },
"& > p": { '& > p': {
margin: "0", margin: '0',
color: token.colorTextHeading, color: token.colorTextHeading,
fontSize: "24px", fontSize: '24px',
lineHeight: "32px", lineHeight: '32px',
}, },
"& > em": { '& > em': {
position: "absolute", position: 'absolute',
top: "0", top: '0',
right: "0", right: '0',
width: "1px", width: '1px',
height: "56px", height: '56px',
backgroundColor: token.colorSplit, backgroundColor: token.colorSplit,
}, },
[`@media screen and (max-width: ${token.screenSM}px)`]: { [`@media screen and (max-width: ${token.screenSM}px)`]: {
marginBottom: "16px", marginBottom: '16px',
"& > em": { '& > em': {
display: "none", display: 'none',
}, },
}, },
}, },
listContent: { listContent: {
fontSize: "0", fontSize: '0',
[`@media screen and (max-width: ${token.screenXS}px)`]: { [`@media screen and (max-width: ${token.screenXS}px)`]: {
marginLeft: "0", marginLeft: '0',
"& > div": { '& > div': {
marginLeft: "0", marginLeft: '0',
}, },
}, },
[`@media screen and (max-width: ${token.screenMD}px)`]: { [`@media screen and (max-width: ${token.screenMD}px)`]: {
"& > div": { '& > div': {
display: "block", display: 'block',
}, },
"& > div:last-child": { '& > div:last-child': {
top: "0", top: '0',
width: "100%", width: '100%',
}, },
}, },
[`@media screen and (max-width: ${token.screenLG}px) and (min-width: @screen-md)`]: [`@media screen and (max-width: ${token.screenLG}px) and (min-width: @screen-md)`]: {
{ '& > div': {
"& > div": { display: 'block',
display: "block",
},
"& > div:last-child": {
top: "0",
width: "100%",
},
}, },
'& > div:last-child': {
top: '0',
width: '100%',
},
},
[`@media screen and (max-width: ${token.screenXL}px)`]: { [`@media screen and (max-width: ${token.screenXL}px)`]: {
"& > div": { '& > div': {
marginLeft: "24px", marginLeft: '24px',
}, },
"& > div:last-child": { '& > div:last-child': {
top: "0", top: '0',
}, },
}, },
"@media screen and (max-width: 1400px)": { '@media screen and (max-width: 1400px)': {
textAlign: "right", textAlign: 'right',
"& > div:last-child": { '& > div:last-child': {
top: "0", top: '0',
}, },
}, },
}, },
listContentItem: { listContentItem: {
display: "inline-block", display: 'inline-block',
marginLeft: "40px", marginLeft: '40px',
color: token.colorTextSecondary, color: token.colorTextSecondary,
fontSize: token.fontSize, fontSize: token.fontSize,
verticalAlign: "middle", verticalAlign: 'middle',
"> span": { lineHeight: "20px" }, '> span': { lineHeight: '20px' },
"> p": { marginTop: "4px", marginBottom: "0", lineHeight: "22px" }, '> p': { marginTop: '4px', marginBottom: '0', lineHeight: '22px' },
}, },
extraContentSearch: { extraContentSearch: {
width: "272px", width: '272px',
marginLeft: "16px", marginLeft: '16px',
[`@media screen and (max-width: ${token.screenSM}px)`]: { [`@media screen and (max-width: ${token.screenSM}px)`]: {
width: "100%", width: '100%',
marginLeft: "0", marginLeft: '0',
}, },
}, },
listCard: { listCard: {
[`@media screen and (max-width: ${token.screenXS}px)`]: { [`@media screen and (max-width: ${token.screenXS}px)`]: {
".ant-card-head-title": { '.ant-card-head-title': {
overflow: "visible", overflow: 'visible',
}, },
}, },
[`@media screen and (max-width: ${token.screenMD}px)`]: { [`@media screen and (max-width: ${token.screenMD}px)`]: {
".ant-radio-group": { '.ant-radio-group': {
display: "block", display: 'block',
marginBottom: "8px", marginBottom: '8px',
}, },
}, },
}, },
standardListForm: { standardListForm: {
".ant-form-item": { '.ant-form-item': {
marginBottom: "12px", marginBottom: '12px',
"&:last-child": { '&:last-child': {
marginBottom: "32px", marginBottom: '32px',
paddingTop: "4px", paddingTop: '4px',
}, },
}, },
}, },
formResult: { formResult: {
width: "100%", width: '100%',
"[class^='title']": { marginBottom: "8px" }, "[class^='title']": { marginBottom: '8px' },
}, },
}; };
}); });

74
src/pages/list/card-list/style.style.ts
View File

@ -1,85 +1,85 @@
import { createStyles } from "antd-style"; import { createStyles } from 'antd-style';
const useStyles = createStyles(({ token }) => { const useStyles = createStyles(({ token }) => {
return { return {
card: { card: {
".ant-card-meta-title": { '.ant-card-meta-title': {
marginBottom: "12px", marginBottom: '12px',
"& > a": { '& > a': {
display: "inline-block", display: 'inline-block',
maxWidth: "100%", maxWidth: '100%',
color: token.colorTextHeading, color: token.colorTextHeading,
}, },
}, },
".ant-card-body:hover": { '.ant-card-body:hover': {
".ant-card-meta-title > a": { '.ant-card-meta-title > a': {
color: token.colorPrimary, color: token.colorPrimary,
}, },
}, },
}, },
item: { item: {
height: "64px", height: '64px',
}, },
cardList: { cardList: {
".ant-list .ant-list-item-content-single": { maxWidth: "100%" }, '.ant-list .ant-list-item-content-single': { maxWidth: '100%' },
}, },
extraImg: { extraImg: {
width: "155px", width: '155px',
marginTop: "-20px", marginTop: '-20px',
textAlign: "center", textAlign: 'center',
img: { width: "100%" }, img: { width: '100%' },
[`@media screen and (max-width: ${token.screenMD}px)`]: { [`@media screen and (max-width: ${token.screenMD}px)`]: {
display: "none", display: 'none',
}, },
}, },
newButton: { newButton: {
width: "100%", width: '100%',
height: "201px", height: '201px',
color: token.colorTextSecondary, color: token.colorTextSecondary,
backgroundColor: token.colorBgContainer, backgroundColor: token.colorBgContainer,
borderColor: token.colorBorder, borderColor: token.colorBorder,
}, },
cardAvatar: { cardAvatar: {
width: "48px", width: '48px',
height: "48px", height: '48px',
borderRadius: "48px", borderRadius: '48px',
}, },
cardDescription: { cardDescription: {
overflow: "hidden", overflow: 'hidden',
whiteSpace: "nowrap", whiteSpace: 'nowrap',
textOverflow: "ellipsis", textOverflow: 'ellipsis',
wordBreak: "break-all", wordBreak: 'break-all',
}, },
pageHeaderContent: { pageHeaderContent: {
position: "relative", position: 'relative',
[`@media screen and (max-width: ${token.screenSM}px)`]: { [`@media screen and (max-width: ${token.screenSM}px)`]: {
paddingBottom: "30px", paddingBottom: '30px',
}, },
}, },
contentLink: { contentLink: {
marginTop: "16px", marginTop: '16px',
a: { a: {
marginRight: "32px", marginRight: '32px',
img: { img: {
width: "24px", width: '24px',
}, },
}, },
img: { marginRight: "8px", verticalAlign: "middle" }, img: { marginRight: '8px', verticalAlign: 'middle' },
[`@media screen and (max-width: ${token.screenLG}px)`]: { [`@media screen and (max-width: ${token.screenLG}px)`]: {
a: { a: {
marginRight: "16px", marginRight: '16px',
}, },
}, },
[`@media screen and (max-width: ${token.screenSM}px)`]: { [`@media screen and (max-width: ${token.screenSM}px)`]: {
position: "absolute", position: 'absolute',
bottom: "-4px", bottom: '-4px',
left: "0", left: '0',
width: "1000px", width: '1000px',
a: { a: {
marginRight: "16px", marginRight: '16px',
}, },
img: { img: {
marginRight: "4px", marginRight: '4px',
}, },
}, },
}, },

58
src/pages/list/search/applications/components/StandardFormRow/index.style.ts
View File

@ -1,58 +1,58 @@
import { createStyles } from "antd-style"; import { createStyles } from 'antd-style';
const useStyles = createStyles(({ token }) => { const useStyles = createStyles(({ token }) => {
return { return {
standardFormRow: { standardFormRow: {
display: "flex", display: 'flex',
marginBottom: "16px", marginBottom: '16px',
paddingBottom: "16px", paddingBottom: '16px',
borderBottom: `1px dashed ${token.colorSplit}`, borderBottom: `1px dashed ${token.colorSplit}`,
".ant-form-item, .ant-legacy-form-item": { marginRight: "24px" }, '.ant-form-item, .ant-legacy-form-item': { marginRight: '24px' },
".ant-form-item-label, .ant-legacy-form-item-label": { '.ant-form-item-label, .ant-legacy-form-item-label': {
label: { label: {
marginRight: "0", marginRight: '0',
color: token.colorText, color: token.colorText,
}, },
}, },
".ant-form-item-label, .ant-legacy-form-item-label, .ant-form-item-control, .ant-legacy-form-item-control": '.ant-form-item-label, .ant-legacy-form-item-label, .ant-form-item-control, .ant-legacy-form-item-control':
{ padding: "0", lineHeight: "32px" }, { padding: '0', lineHeight: '32px' },
}, },
label: { label: {
flex: "0 0 auto", flex: '0 0 auto',
marginRight: "24px", marginRight: '24px',
color: token.colorTextHeading, color: token.colorTextHeading,
fontSize: token.fontSize, fontSize: token.fontSize,
textAlign: "right", textAlign: 'right',
"& > span": { '& > span': {
display: "inline-block", display: 'inline-block',
height: "32px", height: '32px',
lineHeight: "32px", lineHeight: '32px',
"&::after": { '&::after': {
content: "'：'", content: "'：'",
}, },
}, },
}, },
content: { content: {
flex: "1 1 0", flex: '1 1 0',
".ant-form-item, .ant-legacy-form-item": { '.ant-form-item, .ant-legacy-form-item': {
"&:last-child": { '&:last-child': {
marginRight: "0", marginRight: '0',
}, },
}, },
}, },
standardFormRowLast: { standardFormRowLast: {
marginBottom: "0", marginBottom: '0',
paddingBottom: "0", paddingBottom: '0',
border: "none", border: 'none',
}, },
standardFormRowBlock: { standardFormRowBlock: {
".ant-form-item, .ant-legacy-form-item, div.ant-form-item-control-wrapper, div.ant-legacy-form-item-control-wrapper": '.ant-form-item, .ant-legacy-form-item, div.ant-form-item-control-wrapper, div.ant-legacy-form-item-control-wrapper':
{ display: "block" }, { display: 'block' },
}, },
standardFormRowGrid: { standardFormRowGrid: {
".ant-form-item, .ant-legacy-form-item, div.ant-form-item-control-wrapper, div.ant-legacy-form-item-control-wrapper": '.ant-form-item, .ant-legacy-form-item, div.ant-form-item-control-wrapper, div.ant-legacy-form-item-control-wrapper':
{ display: "block" }, { display: 'block' },
".ant-form-item-label, .ant-legacy-form-item-label": { float: "left" }, '.ant-form-item-label, .ant-legacy-form-item-label': { float: 'left' },
}, },
}; };
}); });

36
src/pages/list/search/applications/components/TagSelect/index.style.ts
View File

@ -1,33 +1,33 @@
import { createStyles } from "antd-style"; import { createStyles } from 'antd-style';
const useStyles = createStyles(({ token }) => { const useStyles = createStyles(({ token }) => {
return { return {
tagSelect: { tagSelect: {
position: "relative", position: 'relative',
maxHeight: "32px", maxHeight: '32px',
marginLeft: "-8px", marginLeft: '-8px',
overflow: "hidden", overflow: 'hidden',
lineHeight: "32px", lineHeight: '32px',
transition: "all 0.3s", transition: 'all 0.3s',
userSelect: "none", userSelect: 'none',
".ant-tag": { '.ant-tag': {
marginRight: "24px", marginRight: '24px',
padding: "0 8px", padding: '0 8px',
fontSize: token.fontSize, fontSize: token.fontSize,
}, },
}, },
trigger: { trigger: {
position: "absolute", position: 'absolute',
top: "0", top: '0',
right: "0", right: '0',
"span.anticon": { fontSize: "12px" }, 'span.anticon': { fontSize: '12px' },
}, },
expanded: { expanded: {
maxHeight: "200px", maxHeight: '200px',
transition: "all 0.3s", transition: 'all 0.3s',
}, },
hasExpandTag: { hasExpandTag: {
paddingRight: "50px", paddingRight: '50px',
}, },
}; };
}); });

50
src/pages/list/search/applications/style.style.ts
View File

@ -1,38 +1,38 @@
import { createStyles } from "antd-style"; import { createStyles } from 'antd-style';
const useStyles = createStyles(({ token }) => { const useStyles = createStyles(({ token }) => {
return { return {
filterCardList: { filterCardList: {
".ant-card-meta-content": { marginTop: "0" }, '.ant-card-meta-content': { marginTop: '0' },
".ant-card-meta-avatar": { fontSize: "0" }, '.ant-card-meta-avatar': { fontSize: '0' },
".ant-list .ant-list-item-content-single": { maxWidth: "100%" }, '.ant-list .ant-list-item-content-single': { maxWidth: '100%' },
}, },
cardInfo: { cardInfo: {
marginTop: "16px", marginTop: '16px',
marginLeft: "40px", marginLeft: '40px',
zoom: "1", zoom: '1',
"&::before, &::after": { display: "table", content: "' '" }, '&::before, &::after': { display: 'table', content: "' '" },
"&::after": { '&::after': {
clear: "both", clear: 'both',
height: "0", height: '0',
fontSize: "0", fontSize: '0',
visibility: "hidden", visibility: 'hidden',
}, },
"& > div": { '& > div': {
position: "relative", position: 'relative',
float: "left", float: 'left',
width: "50%", width: '50%',
textAlign: "left", textAlign: 'left',
p: { p: {
margin: "0", margin: '0',
fontSize: "24px", fontSize: '24px',
lineHeight: "32px", lineHeight: '32px',
}, },
"p:first-child": { 'p:first-child': {
marginBottom: "4px", marginBottom: '4px',
color: token.colorTextSecondary, color: token.colorTextSecondary,
fontSize: "12px", fontSize: '12px',
lineHeight: "20px", lineHeight: '20px',
}, },
}, },
}, },

24
src/pages/list/search/articles/components/ArticleListContent/index.style.ts
View File

@ -1,25 +1,25 @@
import { createStyles } from "antd-style"; import { createStyles } from 'antd-style';
const useStyles = createStyles(({ token }) => { const useStyles = createStyles(({ token }) => {
return { return {
description: { description: {
maxWidth: "720px", maxWidth: '720px',
lineHeight: "22px", lineHeight: '22px',
}, },
extra: { extra: {
marginTop: "16px", marginTop: '16px',
color: token.colorTextSecondary, color: token.colorTextSecondary,
lineHeight: "22px", lineHeight: '22px',
"& > em": { '& > em': {
marginLeft: "16px", marginLeft: '16px',
color: token.colorTextDisabled, color: token.colorTextDisabled,
fontStyle: "normal", fontStyle: 'normal',
}, },
[`@media screen and (max-width: ${token.screenXS}px)`]: { [`@media screen and (max-width: ${token.screenXS}px)`]: {
"& > em": { '& > em': {
display: "block", display: 'block',
marginTop: "8px", marginTop: '8px',
marginLeft: "0", marginLeft: '0',
}, },
}, },
}, },

62
src/pages/list/search/articles/components/StandardFormRow/index.style.ts
View File

@ -1,60 +1,60 @@
import { createStyles } from "antd-style"; import { createStyles } from 'antd-style';
const useStyles = createStyles(({ token }) => { const useStyles = createStyles(({ token }) => {
return { return {
standardFormRow: { standardFormRow: {
display: "flex", display: 'flex',
width: "100%", width: '100%',
marginBottom: "16px", marginBottom: '16px',
paddingBottom: "16px", paddingBottom: '16px',
borderBottom: `1px dashed ${token.colorSplit}`, borderBottom: `1px dashed ${token.colorSplit}`,
".ant-form-item, .ant-legacy-form-item": { marginRight: "24px" }, '.ant-form-item, .ant-legacy-form-item': { marginRight: '24px' },
".ant-form-item-label, .ant-legacy-form-item-label": { '.ant-form-item-label, .ant-legacy-form-item-label': {
label: { label: {
marginRight: "0", marginRight: '0',
color: token.colorText, color: token.colorText,
}, },
}, },
".ant-form-item-label, .ant-legacy-form-item-label, .ant-form-item-control, .ant-legacy-form-item-control": '.ant-form-item-label, .ant-legacy-form-item-label, .ant-form-item-control, .ant-legacy-form-item-control':
{ padding: "0", lineHeight: "32px" }, { padding: '0', lineHeight: '32px' },
}, },
label: { label: {
flex: "0 0 auto", flex: '0 0 auto',
marginRight: "24px", marginRight: '24px',
color: token.colorTextHeading, color: token.colorTextHeading,
fontSize: token.fontSize, fontSize: token.fontSize,
textAlign: "right", textAlign: 'right',
"& > span": { '& > span': {
display: "inline-block", display: 'inline-block',
height: "32px", height: '32px',
lineHeight: "32px", lineHeight: '32px',
"&::after": { '&::after': {
content: "'：'", content: "'：'",
}, },
}, },
}, },
content: { content: {
flex: "1 1 0", flex: '1 1 0',
".ant-form-item, .ant-legacy-form-item": { '.ant-form-item, .ant-legacy-form-item': {
"&:last-child": { '&:last-child': {
display: "block", display: 'block',
marginRight: "0", marginRight: '0',
}, },
}, },
}, },
standardFormRowLast: { standardFormRowLast: {
marginBottom: "0", marginBottom: '0',
paddingBottom: "0", paddingBottom: '0',
border: "none", border: 'none',
}, },
standardFormRowBlock: { standardFormRowBlock: {
".ant-form-item, .ant-legacy-form-item, div.ant-form-item-control-wrapper, div.ant-legacy-form-item-control-wrapper": '.ant-form-item, .ant-legacy-form-item, div.ant-form-item-control-wrapper, div.ant-legacy-form-item-control-wrapper':
{ display: "block" }, { display: 'block' },
}, },
standardFormRowGrid: { standardFormRowGrid: {
".ant-form-item, .ant-legacy-form-item, div.ant-form-item-control-wrapper, div.ant-legacy-form-item-control-wrapper": '.ant-form-item, .ant-legacy-form-item, div.ant-form-item-control-wrapper, div.ant-legacy-form-item-control-wrapper':
{ display: "block" }, { display: 'block' },
".ant-form-item-label, .ant-legacy-form-item-label": { float: "left" }, '.ant-form-item-label, .ant-legacy-form-item-label': { float: 'left' },
}, },
}; };
}); });

36
src/pages/list/search/articles/components/TagSelect/index.style.ts
View File

@ -1,33 +1,33 @@
import { createStyles } from "antd-style"; import { createStyles } from 'antd-style';
const useStyles = createStyles(({ token }) => { const useStyles = createStyles(({ token }) => {
return { return {
tagSelect: { tagSelect: {
position: "relative", position: 'relative',
maxHeight: "32px", maxHeight: '32px',
marginLeft: "-8px", marginLeft: '-8px',
overflow: "hidden", overflow: 'hidden',
lineHeight: "32px", lineHeight: '32px',
transition: "all 0.3s", transition: 'all 0.3s',
userSelect: "none", userSelect: 'none',
".ant-tag": { '.ant-tag': {
marginRight: "24px", marginRight: '24px',
padding: "0 8px", padding: '0 8px',
fontSize: token.fontSize, fontSize: token.fontSize,
}, },
}, },
trigger: { trigger: {
position: "absolute", position: 'absolute',
top: "0", top: '0',
right: "0", right: '0',
"span.anticon": { fontSize: "12px" }, 'span.anticon': { fontSize: '12px' },
}, },
expanded: { expanded: {
maxHeight: "200px", maxHeight: '200px',
transition: "all 0.3s", transition: 'all 0.3s',
}, },
hasExpandTag: { hasExpandTag: {
paddingRight: "50px", paddingRight: '50px',
}, },
}; };
}); });

30
src/pages/list/search/projects/components/AvatarList/index.style.ts
View File

@ -1,18 +1,18 @@
import { createStyles } from "antd-style"; import { createStyles } from 'antd-style';
const useStyles = createStyles(({ token }) => { const useStyles = createStyles(({ token }) => {
return { return {
avatarList: { avatarList: {
display: "inline-block", display: 'inline-block',
ul: { display: "inline-block", marginLeft: "8px", fontSize: "0" }, ul: { display: 'inline-block', marginLeft: '8px', fontSize: '0' },
}, },
avatarItem: { avatarItem: {
display: "inline-block", display: 'inline-block',
width: token.controlHeight, width: token.controlHeight,
height: token.controlHeight, height: token.controlHeight,
marginLeft: "-8px", marginLeft: '-8px',
fontSize: token.fontSize, fontSize: token.fontSize,
".ant-avatar": { border: `1px solid ${token.colorBorder}` }, '.ant-avatar': { border: `1px solid ${token.colorBorder}` },
}, },
avatarItemLarge: { avatarItemLarge: {
width: token.controlHeightLG, width: token.controlHeightLG,
@ -23,15 +23,15 @@ const useStyles = createStyles(({ token }) => {
height: token.controlHeightSM, height: token.controlHeightSM,
}, },
avatarItemMini: { avatarItemMini: {
width: "20px", width: '20px',
height: "20px", height: '20px',
".ant-avatar": { '.ant-avatar': {
width: "20px", width: '20px',
height: "20px", height: '20px',
lineHeight: "20px", lineHeight: '20px',
".ant-avatar-string": { '.ant-avatar-string': {
fontSize: "12px", fontSize: '12px',
lineHeight: "18px", lineHeight: '18px',
}, },
}, },
}, },

62
src/pages/list/search/projects/components/StandardFormRow/index.style.ts
View File

@ -1,60 +1,60 @@
import { createStyles } from "antd-style"; import { createStyles } from 'antd-style';
const useStyles = createStyles(({ token }) => { const useStyles = createStyles(({ token }) => {
return { return {
standardFormRow: { standardFormRow: {
display: "flex", display: 'flex',
width: "100%", width: '100%',
marginBottom: "16px", marginBottom: '16px',
paddingBottom: "16px", paddingBottom: '16px',
borderBottom: `1px dashed ${token.colorSplit}`, borderBottom: `1px dashed ${token.colorSplit}`,
".ant-form-item, .ant-legacy-form-item": { marginRight: "24px" }, '.ant-form-item, .ant-legacy-form-item': { marginRight: '24px' },
".ant-form-item-label, .ant-legacy-form-item-label": { '.ant-form-item-label, .ant-legacy-form-item-label': {
label: { label: {
marginRight: "0", marginRight: '0',
color: token.colorText, color: token.colorText,
}, },
}, },
".ant-form-item-label, .ant-legacy-form-item-label, .ant-form-item-control, .ant-legacy-form-item-control": '.ant-form-item-label, .ant-legacy-form-item-label, .ant-form-item-control, .ant-legacy-form-item-control':
{ padding: "0", lineHeight: "32px" }, { padding: '0', lineHeight: '32px' },
}, },
label: { label: {
flex: "0 0 auto", flex: '0 0 auto',
marginRight: "24px", marginRight: '24px',
color: token.colorTextHeading, color: token.colorTextHeading,
fontSize: token.fontSize, fontSize: token.fontSize,
textAlign: "right", textAlign: 'right',
"& > span": { '& > span': {
display: "inline-block", display: 'inline-block',
height: "32px", height: '32px',
lineHeight: "32px", lineHeight: '32px',
"&::after": { '&::after': {
content: "'：'", content: "'：'",
}, },
}, },
}, },
content: { content: {
flex: "1 1 0", flex: '1 1 0',
".ant-form-item, .ant-legacy-form-item": { '.ant-form-item, .ant-legacy-form-item': {
"&:last-child": { '&:last-child': {
display: "block", display: 'block',
marginRight: "0", marginRight: '0',
}, },
}, },
}, },
standardFormRowLast: { standardFormRowLast: {
marginBottom: "0", marginBottom: '0',
paddingBottom: "0", paddingBottom: '0',
border: "none", border: 'none',
}, },
standardFormRowBlock: { standardFormRowBlock: {
".ant-form-item, .ant-legacy-form-item, div.ant-form-item-control-wrapper, div.ant-legacy-form-item-control-wrapper": '.ant-form-item, .ant-legacy-form-item, div.ant-form-item-control-wrapper, div.ant-legacy-form-item-control-wrapper':
{ display: "block" }, { display: 'block' },
}, },
standardFormRowGrid: { standardFormRowGrid: {
".ant-form-item, .ant-legacy-form-item, div.ant-form-item-control-wrapper, div.ant-legacy-form-item-control-wrapper": '.ant-form-item, .ant-legacy-form-item, div.ant-form-item-control-wrapper, div.ant-legacy-form-item-control-wrapper':
{ display: "block" }, { display: 'block' },
".ant-form-item-label, .ant-legacy-form-item-label": { float: "left" }, '.ant-form-item-label, .ant-legacy-form-item-label': { float: 'left' },
}, },
}; };
}); });

36
src/pages/list/search/projects/components/TagSelect/index.style.ts
View File

@ -1,33 +1,33 @@
import { createStyles } from "antd-style"; import { createStyles } from 'antd-style';
const useStyles = createStyles(({ token }) => { const useStyles = createStyles(({ token }) => {
return { return {
tagSelect: { tagSelect: {
position: "relative", position: 'relative',
maxHeight: "32px", maxHeight: '32px',
marginLeft: "-8px", marginLeft: '-8px',
overflow: "hidden", overflow: 'hidden',
lineHeight: "32px", lineHeight: '32px',
transition: "all 0.3s", transition: 'all 0.3s',
userSelect: "none", userSelect: 'none',
".ant-tag": { '.ant-tag': {
marginRight: "24px", marginRight: '24px',
padding: "0 8px", padding: '0 8px',
fontSize: token.fontSize, fontSize: token.fontSize,
}, },
}, },
trigger: { trigger: {
position: "absolute", position: 'absolute',
top: "0", top: '0',
right: "0", right: '0',
"span.anticon": { fontSize: "12px" }, 'span.anticon': { fontSize: '12px' },
}, },
expanded: { expanded: {
maxHeight: "200px", maxHeight: '200px',
transition: "all 0.3s", transition: 'all 0.3s',
}, },
hasExpandTag: { hasExpandTag: {
paddingRight: "50px", paddingRight: '50px',
}, },
}; };
}); });

46
src/pages/list/search/projects/style.style.ts
View File

@ -1,47 +1,47 @@
import { createStyles } from "antd-style"; import { createStyles } from 'antd-style';
const useStyles = createStyles(({ token }) => { const useStyles = createStyles(({ token }) => {
return { return {
card: { card: {
".ant-card-meta-title": { '.ant-card-meta-title': {
marginBottom: "4px", marginBottom: '4px',
"& > a": { '& > a': {
display: "inline-block", display: 'inline-block',
maxWidth: "100%", maxWidth: '100%',
color: token.colorTextHeading, color: token.colorTextHeading,
}, },
}, },
".ant-card-meta-description": { '.ant-card-meta-description': {
height: "44px", height: '44px',
overflow: "hidden", overflow: 'hidden',
lineHeight: "22px", lineHeight: '22px',
}, },
"&:hover": { '&:hover': {
".ant-card-meta-title > a": { '.ant-card-meta-title > a': {
color: token.colorPrimary, color: token.colorPrimary,
}, },
}, },
}, },
cardItemContent: { cardItemContent: {
display: "flex", display: 'flex',
height: "20px", height: '20px',
marginTop: "16px", marginTop: '16px',
marginBottom: "-4px", marginBottom: '-4px',
lineHeight: "20px", lineHeight: '20px',
"& > span": { '& > span': {
flex: "1", flex: '1',
color: token.colorTextSecondary, color: token.colorTextSecondary,
fontSize: "12px", fontSize: '12px',
}, },
}, },
avatarList: { avatarList: {
flex: "0 1 auto", flex: '0 1 auto',
}, },
cardList: { cardList: {
marginTop: "24px", marginTop: '24px',
}, },
coverCardList: { coverCardList: {
".ant-list .ant-list-item-content-single": { maxWidth: "100%" }, '.ant-list .ant-list-item-content-single': { maxWidth: '100%' },
}, },
}; };
}); });

36
src/pages/profile/advanced/style.style.ts
View File

@ -1,36 +1,36 @@
import { createStyles } from "antd-style"; import { createStyles } from 'antd-style';
const useStyles = createStyles(({ token }) => { const useStyles = createStyles(({ token }) => {
return { return {
main: { main: {
".ant-descriptions-row > td": { paddingBottom: "8px" }, '.ant-descriptions-row > td': { paddingBottom: '8px' },
".ant-page-header-heading-extra": { flexDirection: "column" }, '.ant-page-header-heading-extra': { flexDirection: 'column' },
}, },
headerList: { headerList: {
marginBottom: "4px", marginBottom: '4px',
".ant-descriptions-row > td": { paddingBottom: "8px" }, '.ant-descriptions-row > td': { paddingBottom: '8px' },
}, },
stepDescription: { stepDescription: {
position: "relative", position: 'relative',
left: "38px", left: '38px',
paddingTop: "8px", paddingTop: '8px',
fontSize: "14px", fontSize: '14px',
textAlign: "left", textAlign: 'left',
"> div": { marginTop: "8px", marginBottom: "4px" }, '> div': { marginTop: '8px', marginBottom: '4px' },
[`@media screen and (max-width: ${token.screenSM}px)`]: { left: "8px" }, [`@media screen and (max-width: ${token.screenSM}px)`]: { left: '8px' },
}, },
pageHeader: { pageHeader: {
".ant-page-header-heading-extra > * + *": { marginLeft: "8px" }, '.ant-page-header-heading-extra > * + *': { marginLeft: '8px' },
[`@media screen and (max-width: ${token.screenSM}px)`]: { [`@media screen and (max-width: ${token.screenSM}px)`]: {
".ant-pro-page-header-wrap-row": { '.ant-pro-page-header-wrap-row': {
flexDirection: "column", flexDirection: 'column',
}, },
}, },
}, },
moreInfo: { moreInfo: {
display: "flex", display: 'flex',
justifyContent: "space-between", justifyContent: 'space-between',
width: "200px", width: '200px',
}, },
}; };
}); });

8
src/pages/profile/basic/style.style.ts
View File

@ -1,12 +1,12 @@
import { createStyles } from "antd-style"; import { createStyles } from 'antd-style';
const useStyles = createStyles(({ token }) => { const useStyles = createStyles(({ token }) => {
return { return {
title: { title: {
marginBottom: "16px", marginBottom: '16px',
color: token.colorTextHeading, color: token.colorTextHeading,
fontWeight: "500", fontWeight: '500',
fontSize: "16px", fontSize: '16px',
}, },
}; };
}); });

8
src/pages/result/fail/index.style.ts
View File

@ -1,4 +1,4 @@
import { createStyles } from "antd-style"; import { createStyles } from 'antd-style';
const useStyles = createStyles(({ token }) => { const useStyles = createStyles(({ token }) => {
return { return {
@ -6,10 +6,10 @@ const useStyles = createStyles(({ token }) => {
color: token.colorBgTextActive, color: token.colorBgTextActive,
}, },
title: { title: {
marginBottom: "16px", marginBottom: '16px',
color: token.colorTextHeading, color: token.colorTextHeading,
fontWeight: "500", fontWeight: '500',
fontSize: "16px", fontSize: '16px',
}, },
}; };
}); });

16
src/pages/result/success/index.style.ts
View File

@ -1,18 +1,18 @@
import { createStyles } from "antd-style"; import { createStyles } from 'antd-style';
const useStyles = createStyles(({ token }) => { const useStyles = createStyles(({ token }) => {
return { return {
title: { title: {
position: "relative", position: 'relative',
color: token.colorText, color: token.colorText,
fontSize: "12px", fontSize: '12px',
textAlign: "center", textAlign: 'center',
}, },
"head-title": { 'head-title': {
marginBottom: "20px", marginBottom: '20px',
color: token.colorTextHeading, color: token.colorTextHeading,
fontWeight: "500px", fontWeight: '500px',
fontSize: "16px", fontSize: '16px',
}, },
}; };
}); });

Write Preview
Loading…
Cancel
Save