72 lines
1.4 KiB
CSS
72 lines
1.4 KiB
CSS
|
.table-box {
|
||
|
|
width: 100%;
|
||
|
|
height: calc(100% - 330px);
|
||
|
|
}
|
||
|
|
|
||
|
|
.layout {
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
#data-overview {
|
||
|
|
width: 100%;
|
||
|
|
height: 130px;
|
||
|
|
justify-content: space-between;
|
||
|
|
}
|
||
|
|
|
||
|
|
.data-detail {
|
||
|
|
flex-direction: column;
|
||
|
|
width: 236px !important;
|
||
|
|
height: 130px !important;
|
||
|
|
align-items: start;
|
||
|
|
justify-content: space-evenly;
|
||
|
|
}
|
||
|
|
|
||
|
|
.data-detail:nth-child(1) {
|
||
|
|
background: url("../../images/svg/1.svg") no-repeat 0 0 / 100% 100%;
|
||
|
|
}
|
||
|
|
.data-detail:nth-child(2) {
|
||
|
|
background: url("../../images/svg/2.svg") no-repeat 0 0 / 100% 100%;
|
||
|
|
}
|
||
|
|
.data-detail:nth-child(3) {
|
||
|
|
background: url("../../images/svg/3.svg") no-repeat 0 0 / 100% 100%;
|
||
|
|
}
|
||
|
|
.data-detail:nth-child(4) {
|
||
|
|
background: url("../../images/svg/4.svg") no-repeat 0 0 / 100% 100%;
|
||
|
|
}
|
||
|
|
.data-detail:nth-child(5) {
|
||
|
|
background: url("../../images/svg/5.svg") no-repeat 0 0 / 100% 100%;
|
||
|
|
}
|
||
|
|
.data-detail:nth-child(6) {
|
||
|
|
background: url("../../images/svg/6.svg") no-repeat 0 0 / 100% 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
#data-overview p {
|
||
|
|
margin: 0 20px;
|
||
|
|
letter-spacing: 1px;
|
||
|
|
}
|
||
|
|
#data-overview p>span:nth-child(1) {
|
||
|
|
font-size: 20px;
|
||
|
|
font-weight: bold;
|
||
|
|
color: #000;
|
||
|
|
margin-right: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.common-style {
|
||
|
|
width: 100%;
|
||
|
|
justify-content: space-between;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
.num-style {
|
||
|
|
font-size: 28px;
|
||
|
|
font-weight: bold;
|
||
|
|
color: #666;
|
||
|
|
}
|
||
|
|
|
||
|
|
.num-title {
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: start;
|
||
|
|
}
|