357 lines
6.4 KiB
SCSS
357 lines
6.4 KiB
SCSS
.topWrapper {
|
|
padding: 20px 0;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
border-bottom: 1px solid #EEEEEE;
|
|
align-items: center;
|
|
}
|
|
.topWrapper_btn_new {
|
|
background: #fff;
|
|
color: #5091FF!important;
|
|
padding:0px 12px;
|
|
text-align: center;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
border-radius: 4px;
|
|
border:1px solid #5091FF;
|
|
}
|
|
.versionInfo{
|
|
display: flex;
|
|
width: 100%;
|
|
}
|
|
.versionInfo_left{
|
|
display: flex;
|
|
width: 182px;
|
|
flex-direction: column;
|
|
align-items: flex-end;
|
|
padding-right: 15px;
|
|
&>.color-grey-3{
|
|
max-width: 10rem;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
}
|
|
.versionInfo_right{
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
border-left: 1px solid #eee;
|
|
position: relative;
|
|
padding: 0px 30px 60px 24px;
|
|
&::before{
|
|
position: absolute;
|
|
left: -4px;
|
|
top:0px;
|
|
content: '';
|
|
width: 8px;
|
|
height: 8px;
|
|
background-color: #466AFF;
|
|
border-radius: 50%;
|
|
}
|
|
.sendAuthorImg{
|
|
width: 20px;
|
|
height: 20px;
|
|
border-radius: 50%;
|
|
margin-right: 5px;
|
|
}
|
|
.body-show{
|
|
padding: 5px 10px 10px 10px;
|
|
}
|
|
.version-user{display: flex;}
|
|
& .version-user>a>span{
|
|
display: inline-block;
|
|
& img{
|
|
width: 30px;
|
|
height: 30px;
|
|
}
|
|
}
|
|
}
|
|
.versionTag{
|
|
display: inline;
|
|
padding:0px 9px;
|
|
color: #fff;
|
|
position: relative;
|
|
margin-top: -8px;
|
|
height: 22px;
|
|
line-height: 20px;
|
|
border-radius: 4px;
|
|
&::before{
|
|
position: absolute;
|
|
content: "";
|
|
width: 0;
|
|
height: 0px;
|
|
border-left: 4px solid #cccccc;
|
|
border-top: 4px solid transparent;
|
|
border-bottom: 4px solid transparent;
|
|
border-right: 4px solid transparent;
|
|
z-index: 9;
|
|
top: 6px;
|
|
right: -9px;
|
|
}
|
|
&:after{
|
|
width: 0px;
|
|
height: 0px;
|
|
top:6px;
|
|
right: -7px;
|
|
position: absolute;
|
|
border-left:4px solid #fff;
|
|
border-top:4px solid transparent;
|
|
border-bottom:4px solid transparent;
|
|
border-right:4px solid transparent;
|
|
content:'';
|
|
z-index:10;
|
|
}
|
|
}
|
|
.versionFile{
|
|
margin-top: 5px;
|
|
padding-top: 20px;
|
|
border-top: 1px solid #eee;
|
|
width: 100%;
|
|
a{
|
|
display: block;
|
|
color: #333;
|
|
font-weight: 400;
|
|
height: 20px;
|
|
margin-bottom: 10px;
|
|
}
|
|
}
|
|
.versionTag.yellow{
|
|
border: 1px solid #FBBC06;
|
|
color: #FBBC06;
|
|
&::before{
|
|
border-left-color: #FBBC06;
|
|
}
|
|
}
|
|
.versionTag.green{
|
|
border: 1px solid #2DB44D;
|
|
color: #2DB44D;
|
|
&::before{
|
|
border-left-color: #2DB44D;
|
|
}
|
|
}
|
|
.versionTag.orange{
|
|
border: 1px solid #FF6E23;
|
|
color: #FF6E23;
|
|
&::before{
|
|
border-left-color: #FF6E23;
|
|
}
|
|
}
|
|
.addReleaseBtn{
|
|
text-align: right;
|
|
margin-bottom: 30px;
|
|
}
|
|
.versionName{
|
|
font-size: 16px;
|
|
color: #333;
|
|
margin-bottom: 15px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
height: 18px;
|
|
margin-top: -5px;
|
|
}
|
|
|
|
|
|
.versionmilepostleft{
|
|
padding: 15px;
|
|
margin-right: 50px;
|
|
width: 80%;
|
|
}
|
|
.topWrapper_btn_close {
|
|
background: #504b4b;
|
|
color: #FFFFFF!important;
|
|
padding:0px 12px;
|
|
text-align: center;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.topWrapper_btn_delete {
|
|
background: #da1010;
|
|
color: #FFFFFF!important;
|
|
padding:0px 12px;
|
|
text-align: center;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.versionrighe{
|
|
flex: 2;
|
|
}
|
|
.versionleft{
|
|
flex: 1;
|
|
text-align: right;
|
|
display: flex;
|
|
justify-content: right;
|
|
}
|
|
|
|
/* .version_line{
|
|
display: flex;
|
|
height: 30px;
|
|
margin: auto;
|
|
border-left:1px solid #eee;
|
|
} */
|
|
.version_line_one{
|
|
display: flex;
|
|
height: 45px;
|
|
margin: auto;
|
|
border-left:1px solid #eee;
|
|
}
|
|
|
|
.version_line_tpw{
|
|
display: flex;
|
|
height: 80px;
|
|
margin: auto;
|
|
border-left:1px solid #eee;
|
|
}
|
|
|
|
.versiondiv{
|
|
display: flex;
|
|
}
|
|
.verwinth{
|
|
width: 80%;
|
|
}
|
|
|
|
/*开启中 关闭中*/
|
|
.opendversionetail{
|
|
display: inline-block;
|
|
background: #21ba45;
|
|
color: #ffffff!important;
|
|
padding:0px 5px;
|
|
text-align: center;
|
|
height: 25px;
|
|
/*width: 110px;*/
|
|
border-radius: 4px;
|
|
line-height: 25px;
|
|
}
|
|
.closedversionetail{
|
|
display: inline-block;
|
|
background: #e60b0b;
|
|
color: #ffffff!important;
|
|
padding:0px 5px;
|
|
text-align: center;
|
|
height: 25px;
|
|
/*width: 110px;*/
|
|
border-radius: 4px;
|
|
line-height: 25px;
|
|
}
|
|
.versionrectangle {
|
|
width: 8px;
|
|
height: 8px;
|
|
border-radius: 100%;
|
|
margin-top: 15px;
|
|
margin-left: -4px;
|
|
margin-bottom: 10px;
|
|
background: rgb(83, 81, 81);
|
|
}
|
|
.ver-middle{
|
|
vertical-align: middle;
|
|
}
|
|
/* new */
|
|
.versionForm{
|
|
flex:1;
|
|
padding-right: 40px;
|
|
box-sizing: border-box;
|
|
.ant-select-auto-complete.ant-select .ant-input:hover,.ant-input:hover {
|
|
border-color: rgba(153, 153, 153, 0.8);
|
|
}
|
|
}
|
|
.versionTips{
|
|
width:268px;
|
|
box-sizing: border-box;
|
|
}
|
|
.infosTip{
|
|
border-bottom: 1px solid #EEEEEE;
|
|
color: #333;
|
|
padding-bottom: 26px;
|
|
margin-bottom: 26px;
|
|
font-weight: 400;
|
|
text-align: justify;
|
|
&:last-child{
|
|
border-bottom: none;
|
|
}
|
|
}
|
|
.dragBox{
|
|
background: rgba(153, 153, 153, 0.04);
|
|
border-radius: 4px;
|
|
border: 1px dashed #d9d9d9;
|
|
padding:20px;
|
|
.versionStyle{
|
|
border: none!important;
|
|
padding-bottom:20px;
|
|
.dragIcon{
|
|
font-size: 40px!important;
|
|
color: #666!important;
|
|
line-height: 40px;
|
|
height: 40px;
|
|
margin-bottom: 14px;
|
|
display: block;
|
|
}
|
|
}
|
|
.ant-upload-list-item:hover .ant-upload-list-item-info {
|
|
background-color: rgba(239, 244, 255, 1);
|
|
}
|
|
.ant-upload-list-item-info{
|
|
padding:0px 20px 0px 8px;
|
|
&>span{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
}
|
|
}
|
|
|
|
.set-ant-row .ant-row{
|
|
display: flex;
|
|
height: 20px;
|
|
align-items: center;
|
|
}
|
|
.itemInline{
|
|
display: flex;
|
|
align-items: flex-start;
|
|
position: relative;
|
|
&>p{
|
|
position: absolute;
|
|
bottom: -5px;
|
|
}
|
|
}
|
|
.itemInline .ant-row{
|
|
margin-bottom: 0px;
|
|
}
|
|
.prerelease{
|
|
padding-top: 20px;
|
|
.ant-form-item-control{
|
|
height: 20px;
|
|
line-height: 20px;
|
|
}
|
|
}
|
|
.releaseIndex{
|
|
margin: 30px auto;
|
|
width: 1400px;
|
|
}
|
|
.emptyPanel{
|
|
width: 100%;
|
|
background: #FAFCFF;
|
|
border-radius: 4px;
|
|
border: 1px solid rgba(42, 97, 255, 0.23);
|
|
min-height: 418px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
.operation{
|
|
width: 400px;
|
|
border-top: 1px solid #eee;
|
|
padding-top: 34px;
|
|
text-align: center;
|
|
margin-top: 30px;
|
|
}
|
|
}
|
|
.ant-form-item-control{
|
|
line-height: initial;
|
|
} |