chain-saasui/lib/css/index.css

chain-saasui

@charset "UTF-8";.saas-card,.saas-dialog .el-dialog{border-radius:6px}.saas-dialog-footer,.saas-drawer-footer{height:auto;text-align:right}.saas-dialog .el-dialog__body{padding:0}.saas-dialog ::v-deep .el-dialog__footer{padding:12px 24px 20px}.saas-dialog .el-dialog__header{border-bottom:1px solid #dbdee7;padding:12px 16px}.saas-dialog .el-dialog__footer{padding:8px 16px;border-top:1px solid #dbdee7}.saas-dialog .el-dialog__headerbtn{top:16px}.content-no-padding .saas-dialog-content{padding:0}.saas-dialog-auto{max-height:calc(85vh - 100px);overflow-y:auto}.saas-dialog-content{padding:16px}.saas-drawer .el-drawer__body{display:flex}.saas-drawer-content{flex:1;padding:24px;overflow-y:auto}.saas-drawer-footer{padding:16px 24px;border-top:1px #efefef solid}.saas-dialog .submit-form .el-form-item__content,.saas-drawer .submit-form .el-form-item__content{line-height:normal}.saas-dialog .submit-form .el-form-item__label,.saas-drawer .submit-form .el-form-item__label{line-height:normal;font-weight:500}.message-box__header,.saas-sort-item .title{line-height:24px;font-size:16px;font-weight:600}.saas-detail{background:#fff;height:100%;display:flex;flex-direction:column;position:relative}.saas-detail-top{flex:1;overflow-y:auto;overflow-x:auto}.saas-detail-header{display:flex;padding:24px 64px;position:sticky;background:#fff;top:0;z-index:10}.saas-detail-title{display:flex;align-items:center;font-size:16px;font-weight:600;color:#0e1822}.saas-detail-sub{margin-top:8px}.saas-title-line{display:inline-block;width:4px;height:16px;background:#28b86a;margin-right:8px;vertical-align:middle}.saas-detail-backbox{display:flex;align-items:center;position:absolute;left:24px;top:24px}.saas-detail-back{display:flex;align-items:center;border-radius:50%;border:1px solid #dbdee7;width:24px;height:24px;justify-content:center;color:#a1a5b2;cursor:pointer}.saas-detail-back:hover{background:#f7f9fb}.saas-detail-content{padding:0 64px 24px;flex:1}.saas-detail-footer{padding:16px 24px;background:#fff;text-align:center;box-shadow:8px 0 12px 0 rgba(161,165,178,.1);border-radius:0;border-top:1px solid #dbdee7;z-index:5}.saas-unit-danger,.saas-unit-deafault,.saas-unit-info,.saas-unit-primary,.saas-unit-success,.saas-unit-warning{width:8px;height:8px;border-radius:2px}.saas-unit{display:flex;align-items:center;gap:6px;white-space:nowrap;color:#0e1822;font-size:14px}.saas-unit-deafault,.saas-unit-primary{background-color:#1890ff}.saas-unit-info{background-color:#a1a5b2}.saas-unit-success{background-color:#2ecc71}.saas-unit-danger{background-color:#ff3b30}.saas-unit-warning{background-color:#f90}.saas-unit-link{text-decoration:underline;cursor:pointer}.saas-unit-link:hover{color:#1890ff}.saas-unit-text{width:0;flex:1;text-overflow:ellipsis;overflow:hidden}.saas-card{border:1px solid #dbdee7;margin-bottom:24px}.saas-card.hidden-card{border-bottom:none}.saas-card.hidden-card .saas-card-header{border-radius:6px}.saas-card-header{display:flex;background:#f7f9fb;border-radius:6px 6px 0 0;border-bottom:1px solid #dbdee7;font-weight:500;font-size:16px;color:#0e1822;padding:8px 16px;align-items:center}.saas-card-title{flex:1}.saas-card-title .el-button--text{padding:0}.saas-card-content{padding:16px}.saas-card-icon{cursor:pointer;margin-right:8px}.saas-group{display:flex;overflow-x:auto;min-height:50px;padding-bottom:4px}.saas-group div{box-sizing:border-box}.saas-group::-webkit-scrollbar{width:3px;height:4px;background-color:#fff;cursor:pointer}.saas-group::-webkit-scrollbar-thumb{background-color:rgba(144,147,153,.2)}.saas-group::-webkit-scrollbar-thumb:hover{background-color:rgba(144,147,153,.5)}.saas-group::-webkit-scrollbar-track{background-color:#fff}.saas-sort-group{display:flex;border-radius:6px;margin-right:8px;background:#f7f9fb}.saas-sort-item{width:136px;background:#f7f9fb;border:1px solid #f7f9fb;text-align:center;padding:8px 4px;position:relative;cursor:pointer;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center}.saas-sort-item .title{color:#0e1822}.saas-sort-item .text{font-size:14px;color:#7b8089;line-height:22px;max-width:100%}.saas-sort-item img{display:none;position:absolute;width:16px;right:-1px;top:-1px}.saas-sort-item.active{border:1px solid #28b86a;border-radius:6px;background:#f4fbf8}.saas-sort-item.active .title{color:#28b86a}.saas-sort-item.active img{display:block}.saas-group-title{font-size:14px;color:#0e1822;margin-bottom:8px}.message-box-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:4999}.message-box{background:#fff;padding:32px 24px 24px;width:480px;border-radius:8px;position:relative}.message-box .el-icon-close{position:absolute;top:16px;right:16px;cursor:pointer}.message-box__header{color:#333;margin-bottom:8px}.message-box__content{margin-bottom:24px;color:#5c616a}.message-box__footer{display:flex;justify-content:flex-end}.message-box__input{width:100%;padding:6px}.message-box_icon{color:#f90;display:flex;font-size:24px}.message-box_main{display:flex;gap:8px}.message-box_right{flex:1;width:0}.saas-page-table{background:#fff;height:calc(100% - 16px);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;position:relative;padding:16px;border-radius:8px}.saas-page-table__header{flex-shrink:0}.saas-page-table__menu{display:flex;align-items:center;font-size:16px;font-weight:600;color:#0e1822;margin-bottom:16px}.saas-page-table__menu.hasClose{font-weight:400}.saas-page-table__back-title{margin-right:16px}.saas-page-table__title-line{height:14px;width:1px;background:#dbdee7;margin-right:16px}.saas-page-table--hasButton .saas-page-table__footer{padding-top:16px;padding-bottom:16px;margin:0 -16px -16px;text-align:center;box-shadow:8px 0 12px 0 rgba(161,165,178,.1);border-radius:0;border-top:1px solid #dbdee7}.saas-page-table--hasButton .saas-page-content__box{overflow-y:auto}.saas-page-table__sub{margin-top:8px}.saas-page-header__line{display:inline-block;width:4px;height:16px;background:#28b86a;margin-right:8px;vertical-align:middle}.saas-page-table__backbox{display:flex;align-items:center;top:24px}.saas-page-table__back,.saas-steptop-btn{align-items:center;display:flex}.saas-page-table__back{border-radius:50%;border:1px solid #dbdee7;width:24px;height:24px;justify-content:center;color:#a1a5b2;cursor:pointer;margin-right:8px}.saas-page-table__back:hover{background:#f7f9fb}.saas-page-table__title{flex:1}.saas-page-table__content{flex:1;min-height:300px}.saas-page-content__box{height:100%}.saas-page-table__footer{flex-shrink:0}.saas-page__button{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.saas-table-buttons{display:flex;gap:0 8px;flex-wrap:wrap;align-items:center}.saas-table-buttons .el-button+.el-button{margin-left:0}.saas-table-buttons .smart-More{font-weight:bolder}.saas-container{display:flex;flex-direction:column;height:100%;flex:1}.saas-container-content{flex:1;min-height:300px}.saas-input .el-input-group__append{padding:0;background:#f7f9fb;color:#0e1822}.el-button.saas-button-text,.saas-button.saas-button__icon{padding-right:8px;padding-left:8px}.saas-input .el-textarea.el-input--small.is-disabled.el-input--suffix .el-textarea__inner{color:var(--saas-gray-900)}.saas-input-number,.saas-select-input{display:inline-block;width:100%}.saas-text-mode{display:inline}.saas-cascader{width:100%}.saas-cascader .el-cascader{height:30px;line-height:30px}.saas-cascader .el-cascader__tags{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-wrap:nowrap;margin-left:4px}.saas-cascader .el-cascader__tags .el-tag{max-width:75%}.saas-cascader .el-cascader__tags .el-cascader__search-input{margin-left:10px}.saas-datepicker{width:100%}.saas-datepicker.saas-text-mode .saas-datepicker-text{color:#606266;line-height:32px}.saas-datepicker .el-date-editor .el-input,.saas-datepicker .saas-date-picker{width:100%}.el-button.saas-button-text{color:#0e1822;display:inline-flex;align-items:center;outline:0;background-color:transparent}.el-button.saas-button-text:focus,.el-button.saas-button-text:hover{background-color:#f7f9fb}.no-gap>.el-button.saas-button-text{margin:0}.saas-button-border__primary{border-color:var(--saas-success-600);color:var(--saas-success-600)}.saas-button-border__primary:hover{background-color:var(--saas-success-50)}.saas-space{display:inline-flex}.saas-space.saas-horizontal{flex-direction:row}.saas-space.saas-vertical{flex-direction:column}.saas-space-item{display:inline-flex}.saas-steps{display:flex;width:100%;font-size:14px;flex-direction:row;align-items:center}.saas-steps .saas-steps-item{position:relative;flex:1;overflow:hidden;white-space:nowrap}.saas-steps.vertical{flex-direction:column}.saas-steps-item:last-child{flex:none}.saas-steps-item-tail{position:absolute;top:16px;left:16px;width:calc(100% - 32px);height:1px;background-color:#f0f0f0}.vertical .saas-steps-item-tail{width:1px;height:calc(100% - 32px);left:16px;top:32px}.saas-steps-item-finish .saas-steps-item-tail{background-color:#1890ff}.saas-steps-item-icon{width:24px;height:24px;margin-right:8px;background:#fff;border:1px solid #dbdee7;border-radius:50%;line-height:22px;text-align:center;font-size:14px;color:#dbdee7;display:inline-block}.saas-steps-item-active .saas-steps-item-icon{border-color:#28b86a;background-color:#28b86a;color:#fff}.saas-steps-item-finish .saas-steps-item-icon{border-color:#28b86a;color:#28b86a;line-height:25px}.saas-steps-custom-icon{font-size:20px}.saas-steps-item-content{position:relative;display:inline-block;vertical-align:top}.saas-steps-item-title{color:#7c808a;font-weight:400;overflow:hidden}.saas-steps-item-active .saas-steps-item-title,.saas-steps-item-finish .saas-steps-item-title{color:#0e1822}.saas-steps-item-description{color:rgba(0,0,0,.45);font-size:14px;margin-top:4px}.anticon{display:inline-block;width:1em;height:1em;fill:currentColor}.saas-steps-item-title:after{background:#dbdde7;content:"";display:block;height:1px;left:100%;position:absolute;top:12px;width:9999px;margin-left:16px}.saas-steps-item:not(:first-of-type){padding-left:16px}.saas-steps-item:last-of-type .saas-steps-item-title:after{content:"";display:none}.saas-stabs{width:100%;background:#fff;border-bottom:1px solid #E4E6ED;position:relative;padding-bottom:8px}.saas-stabs--no-border{border-bottom:none}.saas-stabs-container{display:flex;align-items:center;justify-content:space-between;width:100%}.saas-stabs-scroll-container{flex:1;min-width:0;overflow:hidden;position:relative}.saas-stabs-nav{display:inline-flex;align-items:center;padding:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;position:relative;min-width:100%;scrollbar-width:none;-ms-overflow-style:none}.saas-stabs-nav::-webkit-scrollbar{display:none}.saas-stabs-scroll-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;cursor:pointer;color:#666;font-size:14px;transition:all .3s ease;flex-shrink:0;z-index:2}.saas-stabs-scroll-btn:hover{color:var(--saas-success)}.saas-stabs-scroll-btn:active{transform:scale(.95)}.saas-stabs-scroll-btn--left{margin-right:8px}.saas-stabs-scroll-btn--right{margin-left:8px}.saas-stabs-extra{display:flex;align-items:center;margin-left:16px;flex-shrink:0}.stabs-nav-item{display:flex;align-items:center;cursor:pointer;color:var(--saas-gray-600);font-size:14px;transition:all .3s ease;user-select:none;white-space:nowrap;flex-shrink:0}.stabs-nav-item:hover,.stabs-nav-item__active{color:var(--saas-success)}.stabs-nav-item__active{font-weight:600}.stabs-nav-item__active:hover{background-color:transparent}.stabs-nav-item__disabled{color:var(--saas-gray-400);cursor:not-allowed}.stabs-nav-item__disabled:hover{color:var(--saas-gray-400);background-color:transparent}.stabs-nav-item-text{height:22px}.stabs-nav-indicator{position:absolute;bottom:-1px;left:0;height:2px;background-color:var(--saas-success);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:1px;z-index:1;pointer-events:none}@media (max-width:768px){.stabs-nav-item{padding:10px 0;font-size:13px}}.saas-segmented{display:inline-flex;position:relative;padding:1px;border-radius:6px;border:1px solid var(--saas-gray-border);background-color:#fff;width:fit-content}.saas-segmented-slider{position:absolute;top:1px;left:1px;height:calc(100% - 2px);background-color:var(--saas-success-100);border-radius:4px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.saas-segmented-item{position:relative;padding:6px 8px;line-height:1;cursor:pointer;z-index:2;transition:color .3s ease;font-size:14px;color:var(--saas-gray-500);white-space:nowrap}.saas-segmented-item__icon,.saas-segmented-item__text{display:inline-block;line-height:1}.saas-segmented-item__active{color:var(--saas-success);font-weight:500}.saas-segmented-item__with-icon{display:flex;align-items:center;justify-content:center;gap:4px}.saas-segmented-item__icon-only{display:flex;align-items:center;justify-content:center;min-width:32px}.saas-segmented-item__with-icon .saas-segmented-item__icon,.saas-segmented-item__with-icon .saas-segmented-item__text{vertical-align:middle}.saas-tooltip-wrap__content{display:inline;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}.saas-tooltip-wrap__content-more{word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;white-space:normal}.saas-tooltip-wrap__text{font-weight:400;font-size:14px}.saas-tooltip-wrap__text-inherit{color:inherit}.saas-currency-select .saas-currency-select-text,.saas-currency.saas-text-mode .saas-currency-text{display:inline-block;line-height:32px;color:#606266}.saas-currency{width:100%}.saas-currency-select{width:100%}.saas-currency-select .currency-input-wrapper{display:flex;align-items:center;gap:0;width:100%}.saas-currency-select .currency-input-wrapper .currency-input-item .el-input,.saas-currency-select .currency-input-wrapper .currency-input-item .el-select,.saas-currency-select .currency-input-wrapper .currency-select-item .el-input,.saas-currency-select .currency-input-wrapper .currency-select-item .el-select{width:100%}.saas-currency-select .currency-input-wrapper .currency-input-item{flex:1;min-width:0}.saas-currency-select .currency-input-wrapper .currency-input-item.field-first .el-input__inner{border-radius:4px 0 0 4px}.saas-currency-select .currency-input-wrapper .currency-input-item.field-first .el-input.is-focus .el-input__inner{border-right-color:#dcdfe6}.saas-currency-select .currency-input-wrapper .currency-select-item{width:80px;flex-shrink:0}.saas-currency-select .currency-input-wrapper .currency-select-item.field-last .el-input__inner{border-radius:0 4px 4px 0;border-left:none}.saas-currency-select .currency-input-wrapper .currency-select-item.field-last .el-input.is-focus .el-input__inner,.saas-currency-select .currency-input-wrapper .currency-select-item.field-last .el-input:hover .el-input__inner{border-left:1px solid #dcdfe6}.saas-currency-select .currency-input-wrapper .currency-select-item.field-last .el-input.is-focus .el-input__inner{border-color:var(--saas-success)}.saas-currency-select .currency-input-wrapper .currency-input-item .el-input-group--prepend .el-input__inner{border-left:none}.saas-currency-select .currency-input-wrapper .currency-input-item .el-input-group__prepend{border-radius:4px 0 0 4px;border-right:none}