forked from Gitlink/forgeplus-react
342 lines
6.5 KiB
SCSS
342 lines
6.5 KiB
SCSS
.teamBox{
|
|
margin:10px 0px;
|
|
border:1px solid #eee;
|
|
border-radius: 2px;
|
|
.teamBox-title{
|
|
border-bottom: 1px solid #eee;
|
|
background-color: #F1F8FF;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
text-align: center;
|
|
color: #333;
|
|
font-size: 18px;
|
|
}
|
|
.teamBox-form{
|
|
padding:24px 40px 0px 40px;
|
|
}
|
|
.lables{
|
|
position: relative;
|
|
color:#333;
|
|
margin-bottom: 5px;
|
|
display: block;
|
|
font-size: 16px;
|
|
}
|
|
.lables.must::before{
|
|
content: "*";
|
|
color: #F73030;
|
|
font-size: 18px;
|
|
position: absolute;
|
|
left: -15px;
|
|
height: 100%;
|
|
}
|
|
}
|
|
.ant-btn.grey{
|
|
background: #bbb;
|
|
color: #fff;
|
|
border: 1px solid #bbb;
|
|
}
|
|
.teamDetail{
|
|
width: 1200px;
|
|
margin:0px auto;
|
|
padding-top:18px;
|
|
}
|
|
.list{
|
|
display: flex;
|
|
align-items: flex-start;
|
|
.list-l{
|
|
background-color: #fff;
|
|
max-width: 860px;
|
|
width: 72%;
|
|
.head{
|
|
padding:16px 32px;
|
|
border-bottom: 1px solid #eee;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
.addBtn{
|
|
display: inline-block;
|
|
border-radius: 5px;
|
|
border:1px solid #5091FF;
|
|
color: #5091FF;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
padding:0px 10px;
|
|
}
|
|
}
|
|
.team{
|
|
padding:0px 32px;
|
|
.team_project{
|
|
padding:22px 0px;
|
|
border-bottom: 1px solid #eee;
|
|
.t_p_title{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
.name{
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
font-size: 18px;
|
|
max-width: 500px;
|
|
float: left;
|
|
}
|
|
}
|
|
.desc{
|
|
color: #333;
|
|
margin-top: 6px;
|
|
margin-bottom: 3px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
}
|
|
&:last-child{
|
|
border-bottom: none;;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.list-r{
|
|
width: 28%;
|
|
max-width: 340px;
|
|
padding-left: 20px;
|
|
box-sizing: border-box;
|
|
}
|
|
.box{
|
|
background:rgba(255,255,255,1);
|
|
border-radius:5px;
|
|
margin-bottom: 20px;
|
|
.head{
|
|
padding:25px 20px;
|
|
display: flex;
|
|
border-bottom: 1px solid #eee;
|
|
justify-content: space-between;
|
|
color: #333;
|
|
}
|
|
.content{
|
|
padding:13px 0px;
|
|
.teammembers{
|
|
display: flex;
|
|
align-items: center;
|
|
padding:13px 20px;
|
|
.m-img{
|
|
border-radius: 50%;
|
|
width:45px;
|
|
height: 45px;
|
|
margin-right: 12px;
|
|
}
|
|
}
|
|
}
|
|
.foot{
|
|
padding:15px 20px;
|
|
border-top: 1px solid #eee;
|
|
}
|
|
}
|
|
}
|
|
.subNavs{
|
|
display: flex;
|
|
a{
|
|
display: block;
|
|
margin-left: 14px;
|
|
height: 40px;
|
|
padding:0px 22px;
|
|
border-radius: 2px;
|
|
border:1px solid #eee;
|
|
background-color: #fafafa;
|
|
color:#333;
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 14px;
|
|
span{
|
|
display: block;
|
|
height: 18px;
|
|
line-height: 18px;
|
|
}
|
|
lable{
|
|
display: block;
|
|
padding:0px 7px;
|
|
background-color:#eee;
|
|
height: 18px;
|
|
line-height: 18px;
|
|
font-size: 12px;
|
|
border-radius: 10px;
|
|
margin-left: 5px;
|
|
}
|
|
&.active{
|
|
border:1px solid #5091FF;
|
|
color: #5091FF;
|
|
lable{
|
|
background-color: #F1F8FF;
|
|
color: #5091FF;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// 组织团队
|
|
.groupBox{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: flex-start;
|
|
background-color: #fff;
|
|
padding:30px 35px;
|
|
margin-bottom: 30px;
|
|
&>div{
|
|
border:1px solid #eee;
|
|
background-color: #fff;
|
|
width: 48.5%;
|
|
margin-right: 3%;
|
|
margin-bottom: 30px;
|
|
.g-head,.g-foot{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
background-color: #F1F8FF;
|
|
padding:10px 10px 10px 25px;
|
|
align-items: center;
|
|
}
|
|
.g-foot{
|
|
background-color: #fafafa;
|
|
justify-content: left;
|
|
}
|
|
.g-body{
|
|
padding:15px 25px;
|
|
}
|
|
}
|
|
&>div:nth-child(2n){
|
|
margin-right: 0px;
|
|
}
|
|
}
|
|
// 组织成员-一行四个
|
|
.memberBox{
|
|
display: flex;
|
|
align-items: flex-start;
|
|
flex-wrap: wrap;
|
|
background-color: #fff;
|
|
padding:24px 35px;
|
|
margin-bottom: 30px;
|
|
min-height: 400px;
|
|
align-content: flex-start;
|
|
&>div{
|
|
width:22.75% ;
|
|
margin-right: 3%;
|
|
.m-infos{
|
|
flex:1;
|
|
}
|
|
}
|
|
&>div:nth-child(4n){
|
|
margin-right: 0px;
|
|
}
|
|
}
|
|
// 团队成员-一行三个
|
|
.MemberBoxThree{
|
|
display: flex;
|
|
align-items: flex-start;
|
|
flex-wrap: wrap;
|
|
background-color: #fff;
|
|
padding:24px 35px;
|
|
margin-bottom: 30px;
|
|
min-height: 400px;
|
|
align-content: flex-start;
|
|
&>div{
|
|
width:31% ;
|
|
margin-right: 3.5%;
|
|
.m-infos{
|
|
flex:1;
|
|
}
|
|
}
|
|
&>div:nth-child(3n){
|
|
margin-right: 0px;
|
|
}
|
|
}
|
|
// 团队详情（成员、项目）
|
|
.GroupSubLevel{
|
|
display: flex;
|
|
align-items: flex-start;
|
|
.g-sub-left{
|
|
background-color: #fff;
|
|
.g-desc{
|
|
padding:18px 20px;
|
|
color:#333;
|
|
min-height: 100px;
|
|
}
|
|
.g-tip{
|
|
color:#888;
|
|
padding:28px 20px;
|
|
border-top: 1px solid #eee;
|
|
&>p{
|
|
margin-bottom: 10px!important;
|
|
}
|
|
&>p>span{
|
|
color:#333;
|
|
}
|
|
&>button{
|
|
margin-top: 10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.warningBox{
|
|
border-radius:5px 5px 0px 0px;
|
|
border:1px solid rgba(219,39,41,1);
|
|
border-radius:5px 5px 0px 0px;
|
|
.warningTitle{
|
|
height:40px;
|
|
line-height: 40px;
|
|
background:rgba(255,232,230,1);
|
|
border-radius:5px 5px 0px 0px;
|
|
border-bottom:1px solid rgba(219,39,41,1);
|
|
color: #DB2729;
|
|
font-size: 16px;
|
|
padding:0px 30px;
|
|
}
|
|
.warningContent{
|
|
padding:20px 30px;
|
|
}
|
|
.warningDelete{
|
|
display: block;
|
|
height:26px;
|
|
line-height: 26px;
|
|
padding:0px 15px;
|
|
background:rgba(247,48,48,1);
|
|
border-radius:20px;
|
|
color: #fff;
|
|
}
|
|
}
|
|
// 组织成员管理
|
|
.teamMemberTable{
|
|
.ant-table-small{
|
|
border:none;
|
|
}
|
|
.ant-table-body{
|
|
margin:0px!important;
|
|
thead tr{
|
|
background-color: #F1F8FF;
|
|
color: #333;
|
|
}
|
|
tbody tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td{
|
|
background-color: #fff;
|
|
}
|
|
tbody tr td{
|
|
border-bottom: 1px solid #eee!important;
|
|
padding:15px 8px!important;
|
|
}
|
|
|
|
}
|
|
}
|
|
// 组织团队设置
|
|
.actionNav{
|
|
padding:20px 30px;
|
|
background-color: #FAFAFA;
|
|
}
|
|
.GSlist{
|
|
padding-top:15px;
|
|
min-height: 400px;
|
|
&>div{
|
|
padding:20px 0px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
border-bottom: 1px solid #eee;
|
|
}
|
|
}
|