forked from Gitlink/build
1 line
6.2 KiB
CSS
1 line
6.2 KiB
CSS
.opsPanel{margin:20px auto;width:1200px}.opsPanel .activatePanel{display:flex;flex-direction:column;align-items:center;padding:60px 0}.opsPanel .disposePanel .language{display:flex;margin-bottom:20px}.opsPanel .disposePanel .language li{margin-right:20px;cursor:pointer;border:1px solid #fff}.opsPanel .disposePanel .language li.active{border:1px solid #5091ff}.opsPanel .disposePanel .editorBody{border:1px solid #ddd;margin:20px 0}.opsPanel .disposePanel .editorBody .editorHead{background-color:#f1f8ff;height:48px;line-height:48px;display:flex;justify-content:space-between;padding:0 20px;border-bottom:1px solid #ddd}.opsPanel .disposePanel .editorBody .monaco-editor{width:1138px!important}.opsPanel .disposePanel .ant-modal-close{top:7px}.opsPanel .disposePanel .listPart{min-height:400px}.opsPanel .disposePanel .listPart .listNav{display:flex}.opsPanel .disposePanel .listPart .listNav li{background-color:#fafafa;border:1px solid #eee;border-radius:5px;height:38px;line-height:38px;padding:0 20px;color:#333;margin-right:20px;cursor:pointer}.opsPanel .disposePanel .listPart .listNav li:last-child{margin-right:0}.opsPanel .disposePanel .listPart .listNav li.active{border:1px solid #5091ff;color:#5091ff;background-color:#fff}.opsPanel .disposePanel .listPart .normalTable{margin-top:20px}.opsPanel .disposePanel .listPart .normalTable .ant-table-tbody>tr>td,.opsPanel .disposePanel .listPart .normalTable .ant-table-thead>tr>th{padding:10px 5px;color:#333;cursor:pointer}.opsPanel .disposePanel .listPart .normalTable .ant-table-thead{border:1px solid #eee}.opsPanel .ant-modal-close{top:7px}.opsPanel .listPart .statusTag{display:flex;padding:0 16px;height:32px;line-height:32px;border-radius:20px;float:left}.opsPanel .listPart .statusTag i{font-size:20px!important;margin-right:7px}.opsPanel .listPart .statusTag.running{background:#f1f8ff;border:1px solid #5091ff;color:#5091ff}.opsPanel .listPart .statusTag.Preparing{background:#fff8f4;border:1px solid #ff6e21;color:#ff6e21}.opsPanel .listPart .statusTag.pass{background:#eefdf5;border:1px solid #28bd6c;color:#28bd6c}.opsPanel .listPart .statusTag.failed{background:#fceeee;border:1px solid #f73030;color:#f73030}.opsPanel .listPart .statusTag.killed{background:#eee;border:1px solid #999;color:#999}.opsDetailPanel{height:100vh;background-color:#114879}.opsDetailPanel .opsInfos{height:60px;background-color:#114879;color:#fff;padding:0 20px}.opsDetailPanel .opsSection{height:calc(100% - 60px);background-color:#fff;display:flex}.opsDetailPanel .opsSection section{height:100%;float:left}.opsDetailPanel .opsSection section.leftSection{width:100%}.opsDetailPanel .opsSection section.leftSection .leftheader{background-color:#f1f8ff;padding:10px 20px}.opsDetailPanel .opsSection section.leftSection .leftheader .nest{color:#888;margin-right:18px}.opsDetailPanel .opsSection section.leftSection .leftheader .nest>span{color:#333}.opsDetailPanel .opsSection section.leftSection .leftMainContent{padding:14px 20px}.opsDetailPanel .opsSection section.leftSection .leftMainContent .contentBranch{border:1px solid #eee;background-color:#fafafa;padding:0 18px;height:40px;border-radius:3px;color:#888}.opsDetailPanel .opsSection section.leftSection .leftMainContent .contentBranch i{font-size:16px;color:#bbb;margin-right:10px}.opsDetailPanel .opsSection section.leftSection .leftMainContent .contentBranch .branchname{color:#333;margin-right:15px}.opsDetailPanel .opsSection section.leftSection .leftMainContent .contentBranch .branchsha{color:#ff6e21}.opsDetailPanel .opsSection section.leftSection .leftMenu .ant-menu-submenu,.opsDetailPanel .opsSection section.leftSection .leftMenu li.ant-menu-item{padding:0 13px 0 20px!important;position:relative;color:#333}.opsDetailPanel .opsSection section.leftSection .leftMenu .ant-menu-submenu-title{margin:0;padding:0 0 0 20px!important}.opsDetailPanel .opsSection section.leftSection .leftMenu .ant-menu-submenu-arrow{position:absolute;left:2px}.opsDetailPanel .opsSection section.leftSection .leftMenu .ant-menu.ant-menu-sub .ant-menu-item:hover{background-color:#f1f8ff}.opsDetailPanel .opsSection section.leftSection .statuslineColor{display:inline-block;height:20px;line-height:20px;padding:0 10px;border-radius:11px;font-size:12px;margin-left:6px}.opsDetailPanel .opsSection section.leftSection .statuslineColor.pass{border:1px solid #28bd6c;color:#28bd6c}.opsDetailPanel .opsSection section.leftSection .statuslineColor.failed{border:1px solid #f73030;color:#f73030}.opsDetailPanel .opsSection section.leftSection .statuslineColor.running{border:1px solid #5091ff;color:#5091ff}.opsDetailPanel .opsSection section.leftSection .statuslineColor.Preparing{border:1px solid #ff6e21;color:#ff6e21}.opsDetailPanel .opsSection section.leftSection .statuslineColor.killed{border:1px solid #999;color:#999}.opsDetailPanel .opsSection section.leftSection .statuslineColor.skipped{border:1px solid #d4d9de;color:#798390}.opsDetailPanel .opsSection section.rightSection{width:100%;background-color:#081930}.opsDetailPanel .opsSection section.rightSection .rightMainContent{padding:24px 30px;height:100vh;overflow-y:auto}.opsDetailPanel .opsSection section.rightSection .rightMainContent>div{margin-bottom:12px}.opsDetailPanel .opsSection section.rightSection .rightMainContent>div .items{height:45px;line-height:45px;padding:0 24px;background:#18293e;border-radius:5px;color:#fff;cursor:pointer}.opsDetailPanel .opsSection section.rightSection .rightMainContent>div .items i{font-size:13px;margin-left:10px}.opsDetailPanel .opsSection .Resizer.vertical{position:relative}.opsDetailPanel .opsSection .Resizer.vertical:hover:before{background:#eee}.opsDetailPanel .opsSection .Resizer.vertical:before{content:"";border-radius:50%;background:hsla(0,0%,92.2%,.3);width:24px;height:24px;position:absolute;z-index:999;top:50%;margin-top:-12px;right:-12px}.opsDetailPanel .opsSection .Resizer.vertical:after{position:absolute;content:"\e712";font-family:iconfont;font-size:10px;transform:scale(.8);top:50%;margin-top:-10px;color:#666;right:-12px;opacity:.3;z-index:1000;cursor:col-resize}.opsDetailOut{display:flex;color:#fff;line-height:22px;align-items:flex-start;margin-top:5px}.opsDetailOut>span{margin-right:10px;min-width:20px;text-align:left;padding-left:3px}.opsDetailOut>p{margin-bottom:0} |