5 lines
13 KiB
CSS
5 lines
13 KiB
CSS
|
.ra-app{min-height:100vh;background:#f5f7f9;color:#20252b;font-family:Arial,"Microsoft YaHei",sans-serif;letter-spacing:0}.ra-app *{box-sizing:border-box;letter-spacing:0}.ra-app button,.ra-app a,.ra-app input,.ra-app select,.ra-app textarea{outline-offset:3px}.ra-app button:disabled{opacity:.45;cursor:not-allowed}.ra-sidebar{position:fixed;inset:0 auto 0 0;width:228px;background:#fff;border-right:1px solid #e5e8ed;padding:28px 18px;display:flex;flex-direction:column;z-index:20}.ra-brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:700;padding:0 9px 30px}.ra-brand small{display:block;font-size:9px;color:#909aa7;margin-top:5px;font-weight:400}.ra-brand-mark{background:#17634c;width:37px;height:42px;color:#fff;display:grid;place-items:center;border-radius:6px}.ra-side-label{font-size:10px;color:#a0a6b0;padding:22px 13px 12px}.ra-sidebar>button{display:flex;align-items:center;gap:12px;text-align:left;padding:13px;border-radius:6px;font-size:13px;color:#69727e;margin-bottom:4px}.ra-sidebar>button.active{background:#eaf3ef;color:#17634c;font-weight:600}.ra-sidebar>button:hover{background:#f1f4f5}.ra-sidebar>button>span{margin-left:auto;font-size:11px}.ra-sidebar-bottom{margin-top:auto;padding:30px 12px 0;font-size:11px;color:#687783}.ra-sidebar-bottom small{display:block;margin:8px 0 23px;color:#a0a6af}.ra-sidebar-bottom a{display:flex;gap:7px}.ra-env-dot{display:inline-block;width:6px;height:6px;background:#3a986e;border-radius:50%;margin-right:7px}.ra-body{margin-left:228px}.ra-top{height:72px;border-bottom:1px solid #e5e8ed;background:#fff;display:flex;align-items:center;gap:18px;padding:0 38px;font-size:12px}.ra-top>div{display:flex;align-items:center;gap:16px;margin-right:auto;color:#8b95a3}.ra-top b{color:#424a53;font-weight:500}.ra-badge{font-size:10px;padding:5px 8px;background:#f1f3f5;color:#7a8492;border-radius:4px}.ra-avatar{width:30px;height:30px;border-radius:50%;background:#e6eeeb;color:#21664e;display:grid;place-items:center;font-size:12px}.ra-main{max-width:1510px;margin:auto;padding:35px 38px 65px}.ra-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}.ra-eyebrow{font-size:10px;color:#8d99a6;margin-bottom:11px}.ra-heading h1{font-size:27px;font-weight:600;line-height:1.4}.ra-heading p{font-size:12px;color:#84909c;margin-top:10px}.ra-button{min-height:36px;border:1px solid #dfe4e9;border-radius:5px;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 14px;font-size:12px;white-space:nowrap}.ra-button:hover{background:#f0f4f3}.ra-button.primary{background:#17634c;color:white;border-color:#17634c}.ra-button.primary:hover{background:#104d3a}.ra-pipeline{display:grid;grid-template-columns:repeat(4,1fr);padding:23px 0;margin:0 0 28px;border-top:1px solid #e0e6eb;border-bottom:1px solid #e0e6eb;gap:24px}.ra-pipeline-step{display:flex;align-items:center;gap:12px;min-width:0}.ra-pipeline-step b{font-size:12px;font-weight:600}.ra-pipeline-step small{display:block;font-size:11px;color:#98a1ac;margin-top:5px}.ra-stage-icon{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:7px}.color-0{color:#32806e;background:#e8f0ec}.color-1{color:#566bae;background:#eceef7}.color-2{color:#b18543;background:#f4efe7}.color-3{color:#a36b79;background:#f3eaf0}.ra-pipeline-arrow{color:#c8cfd5;margin-left:auto}.ra-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:20px}.ra-search{display:flex;align-items:center;gap:9px;background:white;border:1px solid #e0e5eb;border-radius:5px;padding:9px 12px;width:290px;font-size:12px;color:#a3abb5}.ra-search input{background:transparent;width:100%;outline:none;color:#3e4851}.ra-toolbar select{font-size:12px;background:white;border:1px solid #e0e5eb;border-radius:5px;padding:9px 12px}.ra-toolbar>span{margin-left:auto;font-size:11px;color:#99a1ac}.ra-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ra-card{background:#fff;border:1px solid #e0e5e9;border-radius:7px;padding:22px 21px 0;display:flex;flex-direction:column;m
|
||
|
|
@media(max-width:760px){.ra-heading{flex-wrap:wrap}.ra-heading>.ra-button{white-space:nowrap;min-width:128px}.ra-heading>div{flex-basis:100%}}
|
||
|
|
.ra-rule-row,.ra-review-row{padding:20px 0;border-bottom:1px solid #dfe5e9;margin-bottom:18px}.ra-review-row h3{font-weight:600;font-size:15px}.ra-rule-row .ra-field{margin-bottom:12px}
|
||
|
|
.ra-alignment{margin:24px 0}.ra-alignment h3{font-size:14px;font-weight:600;margin-bottom:18px}
|