efview
Version:
A high quality Service UI components Library with Vue.js
136 lines • 4.27 kB
text/less
.efutureapproval {
/deep/.ivu-drawer-header{
padding-left: 34px;
background-color:@input-disabled-bg ;
.ivu-drawer-header-inner{
font-size: 18px;
}
}
/deep/.ivu-drawer-body{
padding: 0 34px;
display: flex;
flex-direction: column;
}
.drawer-box{
flex:1;
overflow-y: auto;
}
.work-head{
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 0;
}
.title{
border-bottom: 1px solid @boder-color;
padding-bottom:16px;
.text{
font-size:16px;
padding-left: 10px;
border-left: 4px solid @primary-color;
}
}
.content{
padding:15px 0 60px;
// flex:1;
// overflow-y: auto;
.log-list{
display: flex;
position: relative;
.line-wrap{
position: absolute;
left: 21px;
width: 1px;
height: 100%;
padding-top: 42px;
}
.left, .user{
width:42px;
height:42px;
color:#fff;
line-height: 42px;
text-align: center;
margin-right:18px;
border-radius: 50%;
background-color: @primary-color;
position: relative;
.icon-wrap{
position: absolute;
right:-2px;
bottom:-2px;
width:16px;
height: 16px;
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
border-radius: 50%;
}
}
.right{
flex:1;
.top{
display: flex;
justify-content: space-between;
margin: 10px 0 14px;
.status{
position: relative;
color:@text-grey;
padding-left: 14px;
&::before{
position: absolute;
left: 0;
top:50%;
width:4px;
height:4px;
content: '';
border-radius: 50%;
background-color: @text-grey;
transform: translateY(-50%);
&.sucess{
color:@success-color;
}
&.wranging{
color:@warning-color;
}
&.err{
color:@primary-color;
}
}
}
}
.desc{
margin-top:12px;
padding-bottom: 40px;
}
.card{
border-radius: 4px;
background-color: @input-disabled-bg;
padding: 0 20px;
.title{
height: 38px;
line-height: 38px;
border-bottom: 1px solid @boder-color;;
}
.main{
padding: 14px 0;
display: flex;
.user-list{
text-align: center;
.user{
margin-bottom: 12px;
}
}
}
}
}
}
}
.footer{
padding-top: 10px;
border-top: 1px solid @boder-color;
}
.btnbar{
padding:30px 0;
}
}