You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
919 lines
31 KiB
Plaintext
919 lines
31 KiB
Plaintext
.Ocontainer {
|
|
padding: 8px 6px 0px 6px;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
.OcontainerTop {
|
|
display: flex;
|
|
|
|
height: 50%;
|
|
margin-bottom: 5px;
|
|
|
|
.OcontainerTopLeft {
|
|
width: 72%;
|
|
height: 100%;
|
|
// background-color: pink;
|
|
margin-right: 10px;
|
|
// display: flex;
|
|
|
|
.OcontainerTopLeftTop {
|
|
width: 100%;
|
|
height: 35%;
|
|
display: flex;
|
|
gap: 12px;
|
|
|
|
.alarmO {
|
|
flex: 1;
|
|
height: 100%;
|
|
background-color: #F4F7FF;
|
|
border: 1px solid #AED3FF;
|
|
border-bottom: 0px solid #AED3FF;
|
|
border-radius: 4px;
|
|
box-shadow: 0px 2px 31px 0px #5382FE33 inset;
|
|
display: flex;
|
|
|
|
.alarmOLeft {
|
|
width: 35%;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.alarmORight {
|
|
flex: 1;
|
|
width: 35%;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-left: 2px;
|
|
gap: 18px;
|
|
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-style: Regular;
|
|
font-size: 12px;
|
|
line-height: 100%;
|
|
letter-spacing: 0%;
|
|
color: #333333;
|
|
|
|
.alarmORightText1 {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
|
|
.alarmORightText2 {
|
|
font-weight: 700;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.alarmORightText3 {
|
|
display: flex;
|
|
gap: 22px;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
.alarmTw {
|
|
flex: 1;
|
|
height: 100%;
|
|
background-color: #FFF5f4;
|
|
border: 1px solid #FFC5BC;
|
|
border-bottom: 0px solid #FFC5BC;
|
|
border-radius: 4px;
|
|
box-shadow: 0px 2px 31px 0px #FE5F4C33 inset;
|
|
display: flex;
|
|
|
|
.alarmTwLeft {
|
|
width: 35%;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.alarmTwRight {
|
|
flex: 1;
|
|
width: 35%;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-left: 2px;
|
|
gap: 18px;
|
|
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-style: Regular;
|
|
font-size: 12px;
|
|
line-height: 100%;
|
|
letter-spacing: 0%;
|
|
color: #333333;
|
|
|
|
.alarmTwRightText1 {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.alarmTwRightText2 {
|
|
font-weight: 700;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.alarmTwRightText3 {
|
|
display: flex;
|
|
gap: 22px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.alarmTh {
|
|
flex: 1;
|
|
height: 100%;
|
|
background-color: #FFF7F2;
|
|
border: 1px solid #FFD9B2;
|
|
border-bottom: 0px solid #FFD9B2;
|
|
border-radius: 4px;
|
|
box-shadow: 0px 2px 31px 0px #FD883C33 inset;
|
|
display: flex;
|
|
|
|
.alarmThLeft {
|
|
width: 35%;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.alarmThRight {
|
|
flex: 1;
|
|
width: 35%;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-left: 2px;
|
|
gap: 18px;
|
|
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-style: Regular;
|
|
font-size: 12px;
|
|
line-height: 100%;
|
|
letter-spacing: 0%;
|
|
color: #333333;
|
|
|
|
.alarmThRightText1 {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.alarmThRightText2 {
|
|
font-weight: 700;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.alarmThRightText3 {
|
|
display: flex;
|
|
gap: 22px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.alarmF {
|
|
flex: 1;
|
|
height: 100%;
|
|
background-color: #EFF9FF;
|
|
border: 1px solid #89E1FF;
|
|
border-bottom: 0px solid #89E1FF;
|
|
border-radius: 4px;
|
|
box-shadow: 0px 2px 31px 0px #22A4FD33 inset;
|
|
display: flex;
|
|
|
|
.alarmFLeft {
|
|
width: 35%;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.alarmFRight {
|
|
flex: 1;
|
|
width: 35%;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-left: 2px;
|
|
gap: 18px;
|
|
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-style: Regular;
|
|
font-size: 12px;
|
|
line-height: 100%;
|
|
letter-spacing: 0%;
|
|
color: #333333;
|
|
|
|
.alarmFRightText1 {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.alarmFRightText2 {
|
|
font-weight: 700;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.alarmFRightText3 {
|
|
display: flex;
|
|
gap: 22px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.OcontainerTopLeftBottom {
|
|
margin-top: 12px;
|
|
background-color: #fff;
|
|
width: 100%;
|
|
height: 60%;
|
|
|
|
.OcontainerTopLeftBottomTitle {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
// padding: 8px 15px;
|
|
padding: 8px 15px 0px 15px;
|
|
|
|
.titleLeft {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
font-style: Medium;
|
|
font-size: 14px;
|
|
line-height: 100%;
|
|
letter-spacing: 0%;
|
|
|
|
|
|
.titleIcon {
|
|
width: 3px;
|
|
height: 16px;
|
|
background-color: #2E4CD4;
|
|
}
|
|
}
|
|
|
|
.titleRight {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
|
|
font-family: PingFang SC;
|
|
font-style: Medium;
|
|
font-size: 13px;
|
|
line-height: 100%;
|
|
letter-spacing: 0%;
|
|
|
|
|
|
.selectBox {
|
|
padding: 4px 8px;
|
|
border: 1px solid #d9d9d9;
|
|
border-radius: 4px;
|
|
background-color: #fff;
|
|
font-size: 12px;
|
|
color: #333;
|
|
outline: none;
|
|
|
|
&:focus {
|
|
border-color: #2E4CD4;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.OcontainerTopLeftBottomChart {
|
|
flex: 1;
|
|
width: 100%;
|
|
height: 75%;
|
|
}
|
|
}
|
|
}
|
|
|
|
.OcontainerTopRight {
|
|
flex: 1;
|
|
height: calc(100% - 3.3px);
|
|
background-color: #fff;
|
|
background-image: url('@/assets/safe_majorHazard/online_monitoring/backTopRight.png');
|
|
background-size: 100% auto;
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow-y: auto;
|
|
|
|
.realTimeDataHeader {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 8px 15px;
|
|
margin-bottom: 10px;
|
|
|
|
.titleLeft {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
font-style: Medium;
|
|
font-size: 14px;
|
|
line-height: 100%;
|
|
letter-spacing: 0%;
|
|
|
|
.titleIcon {
|
|
width: 3px;
|
|
height: 16px;
|
|
background-color: #2E4CD4;
|
|
}
|
|
}
|
|
|
|
.totalCount {
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 13px;
|
|
color: #333333;
|
|
}
|
|
}
|
|
|
|
.dataItem {
|
|
height: 23%;
|
|
flex-shrink: 0;
|
|
border: 1px solid #89E1FF;
|
|
border-radius: 2px;
|
|
margin: 0 15px;
|
|
margin-bottom: 6px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-family: PingFang SC;
|
|
font-size: 14px;
|
|
// color: #666;
|
|
background-color: #EFF9FF;
|
|
|
|
&:last-child {
|
|
// margin-bottom: 1px;
|
|
}
|
|
}
|
|
|
|
.dataItem1 {
|
|
height: 25%;
|
|
flex-shrink: 0;
|
|
border: 1px solid #89E1FF;
|
|
border-radius: 4px;
|
|
margin: 0 15px;
|
|
margin-bottom: 6px;
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0px 15px;
|
|
background-color: #EFF9FF;
|
|
|
|
.dataItemLeft {
|
|
width: 65%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
|
|
.areaName {
|
|
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 13px;
|
|
color: #333333;
|
|
line-height: 2.2;
|
|
}
|
|
|
|
.rValue {
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
color: #666666;
|
|
line-height: 0.2;
|
|
}
|
|
|
|
.codeNumber {
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 12px;
|
|
color: #666666;
|
|
}
|
|
}
|
|
|
|
.dataItemRight {
|
|
width: 35%;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
.circleContainer {
|
|
position: relative;
|
|
height: 80%;
|
|
aspect-ratio: 1; // 强制宽高比1:1
|
|
|
|
.outerCircle {
|
|
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: rgba(51, 176, 253, 0.3);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
.innerCircle {
|
|
width: 70%;
|
|
height: 70%;
|
|
background-color: rgba(4, 128, 251, 0.8);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
.levelText {
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
font-size: 11px;
|
|
color: #FFFFFF;
|
|
line-height: 1.4;
|
|
margin-top: -4px;
|
|
}
|
|
|
|
.riskText {
|
|
font-family: PingFang SC;
|
|
font-weight: 300;
|
|
font-size: 8px;
|
|
color: #FFFFFF;
|
|
line-height: 1;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.dataItem2 {
|
|
height: 25%;
|
|
flex-shrink: 0;
|
|
border: 1px solid rgba(255, 197, 188, 1);
|
|
border-radius: 4px;
|
|
margin: 0 15px;
|
|
margin-bottom: 6px;
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0px 15px;
|
|
background-color: #fff5f4;
|
|
|
|
.dataItemLeft {
|
|
width: 65%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
|
|
.areaName {
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 13px;
|
|
color: #333333;
|
|
line-height: 2.2;
|
|
}
|
|
|
|
.rValue {
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
color: #666666;
|
|
line-height: 0.2;
|
|
}
|
|
|
|
.codeNumber {
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 12px;
|
|
color: #666666;
|
|
}
|
|
}
|
|
|
|
.dataItemRight {
|
|
width: 35%;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
.circleContainer {
|
|
position: relative;
|
|
height: 80%;
|
|
aspect-ratio: 1;
|
|
|
|
.outerCircle {
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: rgba(254, 214, 209, 1);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
.innerCircle {
|
|
width: 70%;
|
|
height: 70%;
|
|
background-color: rgba(253, 41, 14, 1);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
.levelText {
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
font-size: 11px;
|
|
color: #FFFFFF;
|
|
line-height: 1.4;
|
|
margin-top: -4px;
|
|
}
|
|
|
|
.riskText {
|
|
font-family: PingFang SC;
|
|
font-weight: 300;
|
|
font-size: 8px;
|
|
color: #FFFFFF;
|
|
line-height: 1;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.dataItem3 {
|
|
height: 25%;
|
|
flex-shrink: 0;
|
|
border: 1px solid rgba(255, 217, 178, 1);
|
|
border-radius: 4px;
|
|
margin: 0 15px;
|
|
margin-bottom: 6px;
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0px 15px;
|
|
background-color: #fef6f1;
|
|
|
|
.dataItemLeft {
|
|
width: 65%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
|
|
.areaName {
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 13px;
|
|
color: #333333;
|
|
line-height: 2.2;
|
|
}
|
|
|
|
.rValue {
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
color: #666666;
|
|
line-height: 0.2;
|
|
}
|
|
|
|
.codeNumber {
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 12px;
|
|
color: #666666;
|
|
}
|
|
}
|
|
|
|
.dataItemRight {
|
|
width: 35%;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
.circleContainer {
|
|
position: relative;
|
|
height: 80%;
|
|
aspect-ratio: 1;
|
|
|
|
.outerCircle {
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: rgba(255, 234, 218, 1);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
.innerCircle {
|
|
width: 70%;
|
|
height: 70%;
|
|
background-color: rgba(252, 103, 18, 1);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
.levelText {
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
font-size: 11px;
|
|
color: #FFFFFF;
|
|
line-height: 1.4;
|
|
margin-top: -4px;
|
|
}
|
|
|
|
.riskText {
|
|
font-family: PingFang SC;
|
|
font-weight: 300;
|
|
font-size: 8px;
|
|
color: #FFFFFF;
|
|
line-height: 1;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.dataItem4 {
|
|
height: 25%;
|
|
flex-shrink: 0;
|
|
border: 1px solid #89E1FF;
|
|
border-radius: 4px;
|
|
margin: 0 15px;
|
|
margin-bottom: 6px;
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0px 15px;
|
|
background-color: #EFF9FF;
|
|
|
|
.dataItemLeft {
|
|
width: 65%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
|
|
.areaName {
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 13px;
|
|
color: #333333;
|
|
line-height: 2.2;
|
|
}
|
|
|
|
.rValue {
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
color: #666666;
|
|
line-height: 0.2;
|
|
}
|
|
|
|
.codeNumber {
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 12px;
|
|
color: #666666;
|
|
}
|
|
}
|
|
|
|
.dataItemRight {
|
|
width: 35%;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
.circleContainer {
|
|
position: relative;
|
|
height: 80%;
|
|
aspect-ratio: 1;
|
|
|
|
.outerCircle {
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: rgba(51, 176, 253, 0.3);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
.innerCircle {
|
|
width: 70%;
|
|
height: 70%;
|
|
background-color: rgba(4, 128, 251, 0.8);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
.levelText {
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
font-size: 11px;
|
|
color: #FFFFFF;
|
|
line-height: 1.4;
|
|
margin-top: -4px;
|
|
}
|
|
|
|
.riskText {
|
|
font-family: PingFang SC;
|
|
font-weight: 300;
|
|
font-size: 8px;
|
|
color: #FFFFFF;
|
|
line-height: 1;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.OcontainerBottom {
|
|
background-color: #fff;
|
|
flex: 1;
|
|
padding: 8px 15px 5px 15px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
.tableHeader {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
// margin-bottom: 15px;
|
|
padding-bottom: 5px;
|
|
// border-bottom: 1px solid #f0f0f0;
|
|
|
|
.tableTitle {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
color: #333333;
|
|
|
|
.titleIcon {
|
|
width: 3px;
|
|
height: 16px;
|
|
background-color: #2E4CD4;
|
|
}
|
|
}
|
|
|
|
.tableActions {
|
|
display: flex;
|
|
gap: 8px;
|
|
|
|
// 自定义按钮样式
|
|
:global(.ant-btn) {
|
|
background-color: #ffffff !important;
|
|
border-color: #DFE4F6 !important;
|
|
color: #333333 !important;
|
|
box-shadow: none !important;
|
|
|
|
&:hover {
|
|
background-color: #f5f5f5 !important;
|
|
border-color: #DFE4F6 !important;
|
|
color: #333333 !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
&:focus {
|
|
background-color: #ffffff !important;
|
|
border-color: #DFE4F6 !important;
|
|
color: #333333 !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
&:active {
|
|
background-color: #e6e6e6 !important;
|
|
border-color: #DFE4F6 !important;
|
|
color: #333333 !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
// 主要按钮样式
|
|
&.ant-btn-primary {
|
|
background-color: #ffffff !important;
|
|
border-color: #DFE4F6 !important;
|
|
color: #333333 !important;
|
|
box-shadow: none !important;
|
|
|
|
&:hover {
|
|
background-color: #f5f5f5 !important;
|
|
border-color: #DFE4F6 !important;
|
|
color: #333333 !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
&:focus {
|
|
background-color: #ffffff !important;
|
|
border-color: #DFE4F6 !important;
|
|
color: #333333 !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
&:active {
|
|
background-color: #e6e6e6 !important;
|
|
border-color: #DFE4F6 !important;
|
|
color: #333333 !important;
|
|
box-shadow: none !important;
|
|
}
|
|
}
|
|
|
|
// 危险按钮样式
|
|
&.ant-btn-dangerous {
|
|
background-color: #ffffff !important;
|
|
border-color: #DFE4F6 !important;
|
|
color: #333333 !important;
|
|
box-shadow: none !important;
|
|
|
|
&:hover {
|
|
background-color: #f5f5f5 !important;
|
|
border-color: #DFE4F6 !important;
|
|
color: #333333 !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
&:focus {
|
|
background-color: #ffffff !important;
|
|
border-color: #DFE4F6 !important;
|
|
color: #333333 !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
&:active {
|
|
background-color: #e6e6e6 !important;
|
|
border-color: #DFE4F6 !important;
|
|
color: #333333 !important;
|
|
box-shadow: none !important;
|
|
}
|
|
}
|
|
|
|
// 禁用状态
|
|
&:disabled {
|
|
background-color: #f5f5f5 !important;
|
|
border-color: #d9d9d9 !important;
|
|
color: #bfbfbf !important;
|
|
box-shadow: none !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.tableContainer {
|
|
flex: 1;
|
|
overflow: hidden;
|
|
|
|
:global(.ant-table) {
|
|
font-size: 12px;
|
|
}
|
|
|
|
:global(.ant-table-thead > tr > th) {
|
|
background-color: #f5f5fa;
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
color: #333333;
|
|
border-bottom: 1px solid #f0f0f0;
|
|
padding: 8px 12px;
|
|
text-align: center;
|
|
}
|
|
|
|
:global(.ant-table-tbody > tr > td) {
|
|
padding: 8px 12px;
|
|
border-bottom: 1px solid #f0f0f0;
|
|
text-align: center;
|
|
}
|
|
|
|
:global(.ant-table-tbody > tr:hover > td) {
|
|
background-color: #f5f5f5;
|
|
}
|
|
|
|
:global(.ant-pagination) {
|
|
margin-top: 16px;
|
|
text-align: right;
|
|
}
|
|
}
|
|
}
|
|
|
|
} |