150 lines
3.7 KiB
SCSS
150 lines
3.7 KiB
SCSS
.chart-fullscreen.nz-dialog .panel-chart--fullscreen{
|
|
.alert-message-info-header{
|
|
border-bottom: 1px solid rgba(0,0,0,0.09);;
|
|
padding-bottom: 20px;
|
|
}
|
|
.alert-message-info-box{
|
|
box-sizing: border-box;
|
|
padding: 20px;
|
|
display: flex;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow-y: auto;
|
|
.info-box-left{
|
|
width: 66%;
|
|
min-width: 500px;
|
|
min-height: 600px;
|
|
margin-right: 20px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
.nz-chart {
|
|
height: 36%;
|
|
margin-bottom: 20px;
|
|
border: 1px solid $--border-color-light;
|
|
flex: none;
|
|
}
|
|
.alert-message-info-tab{
|
|
height: 63%;
|
|
flex: 1;
|
|
.el-tabs.el-tabs--card {
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
.el-tabs__header{
|
|
margin: 0;
|
|
.el-tabs__item{
|
|
border: 1px solid $--border-color-light;
|
|
border-radius: 2px;
|
|
//border-bottom: none;
|
|
margin-right: 6px;
|
|
background: $--background-color-base;
|
|
color: $--color-text-regular;
|
|
}
|
|
.el-tabs__item:hover{
|
|
color: $--color-warning;
|
|
background: $--background-color-empty;
|
|
border-bottom-color: $--background-color-empty;
|
|
}
|
|
.el-tabs__item.is-active{
|
|
color: $--color-warning;
|
|
background: $--background-color-empty;
|
|
border-bottom-color: $--background-color-empty;
|
|
}
|
|
}
|
|
.el-tabs__content{
|
|
padding: 20px;
|
|
flex: 1;
|
|
border: 1px solid $--border-color-light;
|
|
border-top: none;
|
|
overflow-y: auto;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.info-box-right{
|
|
flex: 1;
|
|
height: 100%;
|
|
border: 1px solid #E7EAED;
|
|
border-radius: 2px;
|
|
box-sizing: border-box;
|
|
padding: 0px 20px 20px 0;
|
|
.time-line-header{
|
|
padding: 20px;
|
|
font-size: 16px;
|
|
color: $--color-text-primary;
|
|
font-weight: 600;
|
|
}
|
|
.el-timeline{
|
|
height: calc(100% - 80px);
|
|
overflow-y: auto;
|
|
padding-top: 14px;
|
|
padding-left: 40px;
|
|
box-sizing: border-box;
|
|
.el-timeline-item{
|
|
padding-bottom: 24px;
|
|
}
|
|
.has-time{
|
|
padding-top: 36px;
|
|
.el-timeline-item__tail{
|
|
height: calc(100% + 14px);
|
|
top: -14px;
|
|
}
|
|
}
|
|
.el-timeline-item:last-child .el-timeline-item__tail{
|
|
display: block;
|
|
top: -100%;
|
|
}
|
|
.el-timeline-item:last-child .el-timeline-item__tail.only{
|
|
display: block;
|
|
top: -100%;
|
|
}
|
|
.el-timeline-item__timestamp.is-top{
|
|
position: absolute;
|
|
top: -40px;
|
|
left: -20px;
|
|
font-size: 14px;
|
|
color: $--color-text-regular;
|
|
font-weight: 600;
|
|
background: $--background-color-empty;
|
|
margin: 0;
|
|
padding: 10px 0;
|
|
}
|
|
.time-line-item-header{
|
|
font-size: 14px;
|
|
color: #333333;
|
|
font-weight: 400;
|
|
}
|
|
}
|
|
}
|
|
.table-no-data {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.el-tabs__nav{
|
|
border: none;
|
|
}
|
|
.info-box-header{
|
|
height: 100%;
|
|
overflow-y: auto;
|
|
}
|
|
.info-box-title{
|
|
font-size: 16px;
|
|
color: $--color-text-primary;
|
|
font-weight: 600;
|
|
margin-bottom: 12px;
|
|
}
|
|
.info-box-content{
|
|
font-size: 14px;
|
|
color: #666666;
|
|
font-weight: 400;
|
|
width: 100%;
|
|
margin-bottom: 40px;
|
|
}
|
|
}
|
|
}
|
|
|