forked from Gitlink/forgeplus-react
121 lines
2.4 KiB
SCSS
121 lines
2.4 KiB
SCSS
.opsPanel
|
|
{
|
|
margin:20px auto;
|
|
width: 1200px;
|
|
// 开始激活页面
|
|
.activatePanel{
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding:60px 0px;
|
|
}
|
|
.disposePanel{
|
|
.language{
|
|
display: flex;
|
|
li{
|
|
margin-right: 20px;
|
|
}
|
|
}
|
|
.editorBody{
|
|
border:1px solid #ddd;
|
|
margin:20px 0px;
|
|
.editorHead{
|
|
background-color: #F1F8FF;
|
|
height: 48px;
|
|
line-height: 48px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding:0px 20px;
|
|
border-bottom: 1px solid #ddd;
|
|
}
|
|
.monaco-editor{
|
|
width:1138px!important;
|
|
}
|
|
}
|
|
.ant-modal-close{
|
|
top:7px;
|
|
}
|
|
.listPart{
|
|
.listNav{
|
|
display: flex;
|
|
li{
|
|
background-color: #fafafa;
|
|
border:1px solid #eee;
|
|
border-radius: 5px;
|
|
height: 38px;
|
|
line-height:38px;
|
|
padding:0px 20px;
|
|
color: #333;
|
|
margin-right: 20px;
|
|
cursor: pointer;
|
|
&:last-child{
|
|
margin-right: 0px;
|
|
}
|
|
&.active{
|
|
border:1px solid #5091FF;
|
|
color: #5091FF;
|
|
background-color: #fff;
|
|
}
|
|
}
|
|
}
|
|
.normalTable{
|
|
margin-top: 20px;
|
|
.ant-table-thead > tr > th, .ant-table-tbody > tr > td{
|
|
padding:10px 5px;
|
|
color:#333;
|
|
}
|
|
.ant-table-thead{
|
|
border:1px solid rgba(238,238,238,1)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// 列表
|
|
.listPart{
|
|
.statusTag{
|
|
display: flex;
|
|
padding:0px 16px;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
border-radius:20px;
|
|
float: left;
|
|
i{
|
|
font-size: 20px!important;
|
|
margin-right: 7px;
|
|
}
|
|
&.running{
|
|
background:#F1F8FF;
|
|
border:1px solid #5091FF;
|
|
color: #5091FF;
|
|
}
|
|
&.Preparing{
|
|
background:rgba(255,248,244,1);
|
|
border:1px solid rgba(255,110,33,1);
|
|
color:rgba(255,110,33,1) ;
|
|
}
|
|
&.pass{
|
|
background:#EEFDF5;
|
|
border:1px solid #28BD6C;
|
|
color:#28BD6C ;
|
|
}
|
|
&.failed{
|
|
background:#FCEEEE;
|
|
border:1px solid #F73030;
|
|
color:#F73030 ;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
// ops详情
|
|
.opsDetailPanel{
|
|
height: 100vh;
|
|
background-color: #114879;
|
|
.opsInfos{
|
|
height: 60px;
|
|
background-color: #114879;
|
|
color:#fff;
|
|
padding:0px 20px;
|
|
}
|
|
} |