You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
147 lines
3.4 KiB
147 lines
3.4 KiB
import { createStyles } from "antd-style";
|
|
|
|
const useStyles = createStyles(({ token }) => {
|
|
return {
|
|
iconGroup: {},
|
|
"span.anticon": {
|
|
marginLeft: "16px",
|
|
color: token.colorTextSecondary,
|
|
cursor: "pointer",
|
|
transition: "color 0.32s",
|
|
"&:hover": { color: token.colorText },
|
|
},
|
|
rankingList: {
|
|
[`@media screen and (max-width: ${token.screenLG}px)`]: {},
|
|
},
|
|
li: {
|
|
[`@media screen and (max-width: ${token.screenLG}px)`]: {},
|
|
},
|
|
span: {
|
|
color: token.colorText,
|
|
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: {
|
|
[`@media screen and (max-width: ${token.screenLG}px)`]: {
|
|
display: "none",
|
|
},
|
|
},
|
|
a: {
|
|
marginLeft: "24px",
|
|
color: token.colorText,
|
|
"&:hover": { color: token.colorPrimary },
|
|
},
|
|
currentDate: {
|
|
color: token.colorPrimary,
|
|
},
|
|
salesCard: {
|
|
[`@media screen and (max-width: ${token.screenSM}px)`]: {},
|
|
},
|
|
salesBar: {
|
|
[`@media screen and (max-width: ${token.screenMD}px)`]: {
|
|
padding: "16px",
|
|
},
|
|
},
|
|
salesRank: {
|
|
padding: "0 32px 32px 72px",
|
|
},
|
|
".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: {},
|
|
".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.colorTextHeading,
|
|
},
|
|
"span:first-child": {
|
|
[`@media screen and (max-width: ${token.screenLG}px)`]: {
|
|
marginRight: "8px",
|
|
},
|
|
},
|
|
rankingTitle: {
|
|
[`@media screen and (max-width: ${token.screenMD}px)`]: {
|
|
marginTop: "16px",
|
|
},
|
|
},
|
|
salesExtraWrap: {
|
|
[`@media screen and (max-width: ${token.screenSM}px)`]: {
|
|
display: "none",
|
|
},
|
|
},
|
|
".ant-tabs-content": {
|
|
[`@media screen and (max-width: ${token.screenSM}px)`]: {
|
|
paddingTop: "30px",
|
|
},
|
|
},
|
|
};
|
|
});
|
|
|
|
export default useStyles;
|
|
|