This repository has been archived on 2025-09-14. You can view files and clone it, but cannot push or open issues or pull requests.
Files
nezha-nezha-fronted/nezha-fronted/src/components/page/dashboard/overview/tableBox.scss

106 lines
1.7 KiB
SCSS

.table-box{
display: flex;
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
}
.table-column-box{
display: block;
}
.table-box .table-box-left{
flex: 1;
}
.table-box .table-box-left-half{
flex:0.5;
}
.table-box .table-box-right{
flex:2;
}
.table-screen{
display: flex;
//flex-direction: column;
height: 100%;
width: 100%;
justify-content: space-around;
}
.table-screen .screen-top{
flex: 1;
}
.table-screen .screen-bottom{
flex: 1;
}
.table-screen .screen-row{
display: flex;
height: 100%;
align-items: center;
justify-content: center;
}
.table-screen .screen-column{
display: flex;
flex-direction: column;
height: 100%;
align-items:flex-start;
justify-content: space-around;
text-align: center;
}
.screen-row .screen-col{
flex: 1;
text-align: center;
}
.screen-column .screen-col{
width: 100%;
vertical-align: top;
}
.screen-col .col-box{
display: flex;
width: 100%;
text-align: center;
align-items: center;
justify-content: flex-start;
}
.screen-col .col-box div{
display: inline-block;
text-align: left;
}
.super-icon{
font-size:5rem !important;
}
.middle-font{
font-size: 1.875rem !important;
font-weight: 600;
}
.middle-icon{
font-size: 1.875rem !important;
font-weight: 700;
margin-right: 5px;
}
.avg-children-space{
display: flex;
align-items: center;
justify-content: center;
}
.super-font{
font-size: 2.5rem !important;
font-weight: 700;
}
.red-icon{
color: #EE2E13;
}
.green-icon{
color: #03D722;
}
popover-container{
}
.overview-table {
background-color: #FCFCFC !important;
}
.fill-flex-cavity:after{
flex:1;
content: '';
}
.column-flex{
flex-direction: column;
}