ideaz-element
Version:
<p align="center"> <a href="" target="_blank" rel="noopener noreferrer"> <img src="./docs/public/logo.svg" alt="Ideaz Element" width="180" style="width: 180px;" /> </a> </p>
1 lines • 14.8 kB
CSS
.z-table{background:var(--el-bg-color)}.z-table .z-table-column-draggable{display:flex;align-items:center;justify-content:center}.z-table .z-table-column-draggable .z-table-column-draggable__handle{padding:4px;cursor:grab;border-radius:6px}.z-table .z-table-pagination__container{margin-top:16px}.z-table .z-table-pagination__container .z-table-pagination--middle{display:flex;align-items:center;justify-content:space-between;width:100%}.z-table .z-table-pagination__container .z-table-pagination--middle .z-table-pagination--left,.z-table .z-table-pagination__container .z-table-pagination--middle .z-table-pagination--right{display:flex;align-items:center;width:auto}.z-table .z-table-pagination__container .z-table-pagination--middle .z-table-pagination--left .z-table__pagination,.z-table .z-table-pagination__container .z-table-pagination--middle .z-table-pagination--right .z-table__pagination{display:flex}.z-table .z-table-tool-bar__container{display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.z-table .z-table-tool-bar__container .z-table-tool-bar--top{width:100%}.z-table .z-table-tool-bar__container .z-table-tool-bar--center{display:flex;align-items:center;justify-content:space-between;width:100%}.z-table .z-table-tool-bar__container .z-table-tool-bar--center .z-table-tool-bar--center-content{display:flex;align-items:center;justify-content:space-between;width:100%}.z-table .z-table-tool-bar__container .z-table-tool-bar--center .z-table-tool-bar--center-content .z-table__title{font-size:16px;font-weight:500}.z-table .z-table-tool-bar__container .z-table-tool-bar--center .z-table-too-bar{width:100%}.z-table .z-table-tool-bar__container .z-table-tool-bar--bottom{width:100%}.z-table .z-table-tool-bar__container .z-table-tool-bar{display:flex;align-items:center;margin-left:16px;line-height:0}.z-table .z-table-tool-bar__container .z-table-tool-bar .el-button{padding:8px 12px}.z-table .z-table-tool-bar__container .z-table-tool-bar .el-button:focus{background-color:transparent}.z-table .z-table-tool-bar__container .z-table-tool-bar i{font-size:16px;color:rgba(0,0,0,.85);cursor:pointer}.z-table .z-table-tool-bar__container .z-table-tool-bar i:hover{color:var(--el-color-primary)}.z-table .z-table-tool-bar__container .z-table-tool-bar .el-loading-mask{background-color:#fff}.z-table .z-table-tool-bar__container .z-table-tool-bar .el-loading-mask .el-loading-spinner{margin-top:-12.5px}.z-table .z-table-tool-bar__container .z-table-tool-bar .el-loading-mask .el-loading-spinner .circular{width:25px;height:25px}.z-table .el-table .el-radio .el-radio__label{display:none}.z-table .el-table .c-table-cell .el-dropdown .ml-12{margin-left:12px}.z-table .el-table .c-table-cell .el-dropdown .el-button span{transform:translateY(.5px)}.z-table .el-table .z-table-column-label__icon{font-size:14px;cursor:help;transform:translate(0,2.5px)}.z-table .el-table .z-table-column__dropdown{display:inline-block;vertical-align:middle}.z-table .el-table .z-table-column__operation{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.z-table .el-table .el-button+.z-table-column__dropdown,.z-table .el-table .z-table-column__dropdown+.el-button,.z-table .el-table .z-table-column__dropdown+.z-table-column__dropdown{margin-left:12px}.z-table-dragging .el-table__cell{background-color:#fff}.z-table-editable .el-table__row .el-table__cell{padding:18px 0}.z-table-editable .z-table-column-form-item{margin-bottom:0}.z-table-editable .z-table-column-form-item .el-form-item__content{position:initial;justify-content:center}.z-table-editable .z-table-column-form-item--default .el-form-item__error{top:70%;left:12px}.z-table-editable .z-table-column-form-item--small .el-form-item__error{top:70%;left:8px}.z-table-editable .z-table-column-form-item--large .el-form-item__error{top:72%;left:16px}.column-popover__inner .column-popover__title{display:flex;align-items:center;justify-content:space-between;height:32px}.column-popover__inner .column-popover__title .el-checkbox{display:flex;align-items:center;margin-bottom:0}.column-popover__inner .column-popover__title .el-checkbox__label{font-size:14px;font-weight:600;color:rgba(0,0,0,.88)}.column-popover__inner .column-popover__title .el-checkbox__input{line-height:0}.column-popover__inner .column-popover__title .column-popover__reset{font-weight:600;line-height:32px;color:var(--el-color-primary);text-decoration:none;cursor:pointer;background-color:transparent;outline:0;transition:color .3s}.column-popover__inner .column-popover__content{margin-top:4px}.column-popover__inner .column-popover__content .el-divider--horizontal{margin:20px 0}.column-popover__inner .column-popover__content .el-checkbox-group{display:flex;flex-direction:column}.column-popover__inner .column-popover__content .el-checkbox-group .column-popover-checkbox__drag--ghost{box-sizing:border-box;height:3px;padding:0;overflow:hidden;font-size:0;content:"";background:var(--el-color-primary);border:2px solid var(--el-color-primary);outline-width:0}.column-popover__inner .column-popover__content .el-checkbox-group .column-popover-checkbox{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.column-popover__inner .column-popover__content .el-checkbox-group .column-popover-checkbox .el-checkbox{display:flex;align-items:center;margin-right:0;margin-bottom:0}.column-popover__inner .column-popover__content .el-checkbox-group .column-popover-checkbox .el-checkbox .el-checkbox__input{line-height:0}.column-popover__inner .column-popover__content .el-checkbox-group .column-popover-checkbox .el-checkbox .el-checkbox__label{display:inline-block;width:108px;max-width:108px;overflow:hidden;font-size:14px;font-weight:400;color:rgba(0,0,0,.88);text-overflow:ellipsis;white-space:nowrap}.column-popover__inner .column-popover__content .el-checkbox-group .column-popover-checkbox:hover{background-color:rgba(42,46,54,.04)}.column-popover__inner .column-popover__content .el-checkbox-group .column-popover-checkbox:hover .z-table-tool-bar-setting-item__extra{display:flex}.column-popover__inner .column-popover__content .el-checkbox-group .column-popover-checkbox .z-table-tool-bar-setting-item__extra{display:none}.column-popover__inner .column-popover__content .el-checkbox-group .column-popover-checkbox .z-table-tool-bar-setting-item__extra .el-button+.el-button{margin-left:0}.column-popover__inner .column-popover__content .el-checkbox-group .column-popover-checkbox .z-table-tool-bar-setting-item__extra .el-button{height:auto;padding:4px}.column-popover__inner .column-popover__content .el-checkbox-group .column-popover-checkbox .z-table-tool-bar-setting-item__extra .el-button:focus{background-color:transparent}.column-popover__inner .column-popover__content .el-checkbox-group .column-popover-checkbox .z-table-tool-bar-setting-item__extra .el-button:hover{color:var(--el-color-primary)}.density-dropdown__active{color:var(--el-dropdown-menuItem-hover-color);background-color:var(--el-dropdown-menuItem-hover-fill)}.column-popover__container{box-sizing:border-box}.z-full-screen-class{position:fixed;top:0;left:0;z-index:100;width:100vw;height:100vh}.z-form-item .el-form-item__content{align-items:flex-start}.z-form-item .el-form-item__content .el-cascader,.z-form-item .el-form-item__content .el-date-editor,.z-form-item .el-form-item__content .el-input,.z-form-item .el-form-item__content .el-select{width:100%}.z-form-item .z-form-item-label__icon{font-size:14px;cursor:help;transform:translate(0,2px)}.z-form-item .z-form-item__extra{clear:both;font-size:12px;line-height:1.5715;color:rgba(0,0,0,.45);transition:color .3s cubic-bezier(.215,.61,.355,1)}.z-form-operation{display:flex}.z-form-operation .el-button+.el-button{margin-left:8px}.z-form-item-button__col{display:flex;align-items:center;justify-content:flex-end}.z-form-item-button__col .el-form-item__content{flex-wrap:nowrap;align-items:center;justify-content:end}.z-form-item-button{padding-top:1px}.z-form-toggle{display:flex;align-items:center;font-size:14px;cursor:pointer}.z-form-toggle .z-toggle__icon{color:var(--el-color-primary);transition:transform .2s}.z-form-toggle .z-icon__arrow{transform:rotate(180deg);transform-origin:center center}.z-form-toggle .z-form-toggle-button{margin-left:16px}.z-form-toggle .z-form-toggle-button .el-icon{margin-left:2px}.z-form-toggle .z-form-toggle-button:hover{color:var(--el-color-primary)}.z-form-toggle .z-form-toggle-button:active{color:var(--el-color-primary)}.z-form-toggle .z-form-toggle-button:focus{color:var(--el-color-primary)}.z-form-array-form-item{width:100%}.z-array-form-item-card{position:relative;width:100%;margin-bottom:12px;overflow:visible}.z-array-form-item-card:last-child{margin-bottom:0}.z-array-form-item-card .z-array-form-operation__add--small{position:absolute;top:-12px;right:20px}.z-array-form-item-card .z-array-form-operation__add--default,.z-array-form-item-card .z-array-form-operation__add--large{position:absolute;top:-16px;right:24px}.z-array-form-item-card .z-array-form-operation__delete--small{position:absolute;top:-12px;right:-12px}.z-array-form-item-card .z-array-form-operation__delete--default,.z-array-form-item-card .z-array-form-operation__delete--large{position:absolute;top:-16px;right:-16px}.z-array-form-item-card .el-form-item{margin-bottom:18px}.z-array-form-item-card .el-card__body .el-form-item:nth-last-child(1){margin-bottom:0}.z-form .z-form-collapse{width:100%}.z-form .z-form-collapse .el-collapse-item__content{position:relative;box-sizing:border-box;display:flex;flex-wrap:wrap}.z-form .z-form-steps{width:100%;margin-bottom:20px}.z-form .z-form-array__add{width:100%}.z-form .z-form-item--column .el-form-item__content{flex-direction:column;align-items:normal}.z-form .z-form-item-no-extra--small .el-form-item__error{top:24px}.z-form .z-form-item-no-extra--default .el-form-item__error{top:32px}.z-form .z-form-item-no-extra--large .el-form-item__error{top:40px}.z-tag-select__container{position:relative;display:flex;max-height:32px;padding-right:38px;overflow:hidden;line-height:32px}.z-tag-select__container .z-tag-select__tag{cursor:pointer}.z-tag-select__container .z-tag-select__tag--inactive{color:var(--el-text-color-regular);background-color:#fff;border:1px solid transparent}.z-tag-select__container .z-tag-select__tag--last{margin-right:16px}.z-tag-select__container .z-tag-select__title{display:inline-block;flex-shrink:0;margin-right:16px}.z-tag-select__container .z-tag-select--expand{position:absolute;top:1px;right:0;display:flex;align-items:center;font-size:12px;line-height:34px;color:var(--el-color-primary);cursor:pointer}.z-tag-select__container .z-tag-select__icon{margin-left:2px;color:var(--el-color-primary);transition:transform .2s}.z-tag-select__container .z-tag-select__arrow{transform:rotate(180deg);transform-origin:center center}.z-tag-select__container--more{max-height:200px}.z-check-card--bordered{border:1px solid var(--el-border-color-dark)}.z-check-card{position:relative;display:inline-block;width:320px;margin-block-end:16px;margin-inline-end:16px;font-size:14px;line-height:1.57;color:var(--el-text-color-primary);vertical-align:top;cursor:pointer;background-color:var(--el-bg-color);border-radius:6px;transition:all .3s}.z-check-card:last-child{margin-inline-end:0}.z-check-card .z-check-card__content{display:flex;padding-block:16px;padding-inline:12px}.z-check-card .z-check-card__content .z-check-card__avatar{padding-inline-end:8px}.z-check-card .z-check-card__content .z-check-card__detail{width:100%;overflow:hidden}.z-check-card .z-check-card__content .z-check-card__detail>div:not(:last-child){margin-block-end:4px}.z-check-card .z-check-card__content .z-check-card__detail .z-check-card__header{display:flex;align-items:center;justify-content:space-between}.z-check-card .z-check-card__content .z-check-card__detail .z-check-card__header .z-check-card__title{overflow:hidden;font-size:14px;font-weight:500;color:var(--el-text-color-primary);text-overflow:ellipsis;white-space:nowrap}.z-check-card .z-check-card__content .z-check-card__detail .z-check-card__description{color:var(--el-text-color-regular)}.z-check-card .z-check-card__avatar-header{display:flex;align-items:center}.z-check-card .z-check-card__cover{padding-block:4px;padding-inline:4px}.z-check-card:not(.z-check-card--disabled):hover{border-color:var(--el-color-primary)}.z-check-card--checked{background-color:var(--el-color-primary-light-7);border-color:var(--el-color-primary)}.z-check-card--checked::after{position:absolute;inset-block-start:2px;inset-inline-end:2px;width:0;height:0;content:"";border:6px solid var(--el-color-primary);border-block-end:6px solid transparent;border-inline-start:6px solid transparent;border-start-end-radius:2px}.z-check-card--disabled{cursor:not-allowed;background-color:var(--el-disabled-bg-color);border-color:var(--el-border-color-dark)}.z-check-card--disabled .z-check-card__content .z-check-card__detail .z-check-card__description{color:var(--el-disabled-text-color);-webkit-text-fill-color:var(--el-disabled-text-color)}.z-check-card--disabled .z-check-card__content .z-check-card__detail .z-check-card__header .z-check-card__title{color:var(--el-disabled-text-color);-webkit-text-fill-color:var(--el-disabled-text-color)}.z-check-card--disabled .z-check-card__avatar{opacity:25%}.z-check-card--lg{width:440px}.z-check-card--sm{width:212px}.z-crud{background:var(--el-bg-color)}.z-crud .z-crud-alert{margin-top:8px}.z-crud .z-crud-filter-form__container .el-card__body{padding:18px;padding-bottom:0}.z-crud .z-crud-table__container .el-card__body{padding:18px}.z-crud .z-table-tool-bar--top-bottom .el-alert__title{vertical-align:baseline}.z-dialog-no-footer .el-dialog__footer{display:none}.z-dialog-tip{padding:0}.z-dialog-tip .el-dialog__body{padding:0}.z-dialog-tip .el-dialog__header{padding:15px;padding-bottom:10px;margin:0;font-size:18px;line-height:18px}.z-dialog-tip .el-dialog__footer{padding:5px 15px 10px}.z-dialog-tip .z-dialog__content{padding:10px 15px;font-size:14px}.z-dialog-tip .z-dialog__content .z-dialog__container{position:relative}.z-dialog-tip .z-dialog__content .z-dialog__container .z-dialog__status{position:absolute;top:50%;font-size:24px;transform:translateY(-50%)}.z-dialog-tip .z-dialog__content .z-dialog__container .z-dialog-icon--warning{color:var(--el-color-warning)}.z-dialog-tip .z-dialog__content .z-dialog__container .z-dialog-icon--danger{color:var(--el-color-danger)}.z-dialog-tip .z-dialog__content .z-dialog__container .z-dialog-icon--info{color:var(--el-color-primary)}.z-dialog-tip .z-dialog__content .z-dialog__container .z-dialog__message{padding-right:12px;padding-left:36px;margin:0;word-break:break-word}.z-dialog-tip .z-dialog__content .z-dialog__container .z-dialog__message p{margin:0;line-height:24px}