@opentiny/vue-theme/pop-upload/index.css

An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.

.tiny-popupload__modal{--tv-PopUpload-font-size:var(--tv-font-size-default, 14px);--tv-PopUpload-dialog-table-height:280px;--tv-PopUpload-dialog-table-font-size:var(--tv-font-size-default, 14px);--tv-PopUpload-dialog-table-line-height:16px;--tv-PopUpload-dialog-table-header-height:var(--tv-size-height-xs, 24px);--tv-PopUpload-dialog-table-header-text-color:var(--tv-color-text, #191919);--tv-PopUpload-dialog-table-header-font-weight:var(--tv-font-weight-bold, 600);--tv-PopUpload-dialog-table-header-bg-color:var(--tv-color-bg, #f5f5f5);--tv-PopUpload-table-body-col-line-height:30px;--tv-PopUpload-table-body-col-color:var(--tv-color-text, #191919);--tv-PopUpload-table-item-even-bg-color:var(--tv-color-bg-secondary, #ffffff);--tv-PopUpload-dialog-delete-text-color:var(--tv-color-text-link, #1476ff);--tv-PopUpload-status-icon-border-color:var(--tv-color-border, #c2c2c2);--tv-PopUpload-status-success-icon-border-color:var(--tv-color-success-border, #5cb300);--tv-PopUpload-status-fail-icon-color:var(--tv-color-error-border, #f23030)}.tiny-popupload{--tv-PopUpload-font-size:var(--tv-font-size-default, 14px);--tv-PopUpload-dialog-table-height:280px;--tv-PopUpload-dialog-table-font-size:var(--tv-font-size-default, 14px);--tv-PopUpload-dialog-table-line-height:16px;--tv-PopUpload-dialog-table-header-height:var(--tv-size-height-xs, 24px);--tv-PopUpload-dialog-table-header-text-color:var(--tv-color-text, #191919);--tv-PopUpload-dialog-table-header-font-weight:var(--tv-font-weight-bold, 600);--tv-PopUpload-dialog-table-header-bg-color:var(--tv-color-bg, #f5f5f5);--tv-PopUpload-table-body-col-line-height:30px;--tv-PopUpload-table-body-col-color:var(--tv-color-text, #191919);--tv-PopUpload-table-item-even-bg-color:var(--tv-color-bg-secondary, #ffffff);--tv-PopUpload-dialog-delete-text-color:var(--tv-color-text-link, #1476ff);--tv-PopUpload-status-icon-border-color:var(--tv-color-border, #c2c2c2);--tv-PopUpload-status-success-icon-border-color:var(--tv-color-success-border, #5cb300);--tv-PopUpload-status-fail-icon-color:var(--tv-color-error-border, #f23030);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--tv-PopUpload-font-size)}.tiny-popupload__dialog{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tiny-popupload__dialog-header .tiny-alert{margin-bottom:16px}.tiny-popupload__dialog-body{padding-bottom:10px}.tiny-popupload__dialog-body .tiny-upload-list{display:none}.tiny-popupload__dialog-footer{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:24px}.tiny-popupload__dialog-tips{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:12px 0;color:var(--tv-PopUpload-table-body-col-color)}.tiny-popupload__dialog-tips-item{margin:4px 0}.tiny-popupload__dialog-table{font-size:var(--tv-PopUpload-dialog-table-font-size);height:var(--tv-PopUpload-dialog-table-height);width:100%;margin-top:20px}.tiny-popupload__dialog-table .header-col{position:relative;padding:0 12px}.tiny-popupload__dialog-table .header-col:not(:last-child):after{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0;display:inline-block;content:'';width:1px;height:var(--tv-PopUpload-dialog-table-line-height);background-color:transparent}.tiny-popupload__dialog-table .body-col{padding:8px 12px;margin:0;line-height:var(--tv-PopUpload-table-body-col-line-height);color:var(--tv-PopUpload-table-body-col-color)}.tiny-popupload__dialog-table .col1{width:46%}.tiny-popupload__dialog-table .col2{width:17%}.tiny-popupload__dialog-table .col3{width:21%}.tiny-popupload__dialog-table .col4{width:16%}.tiny-popupload__dialog-table-header{height:var(--tv-PopUpload-dialog-table-header-height);width:100%;color:var(--tv-PopUpload-dialog-table-header-text-color);font-weight:var(--tv-PopUpload-dialog-table-header-font-weight);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:var(--tv-PopUpload-dialog-table-header-bg-color)}.tiny-popupload__dialog-table-body{width:100%;height:calc(100% - var(--tv-PopUpload-dialog-table-header-height));overflow-y:auto}.tiny-popupload__dialog-table-list{list-style:none}.tiny-popupload__dialog-table-list-footer{margin-top:12px}.tiny-popupload__dialog-table-list-footer>.footer-error-tip{color:var(--tv-PopUpload-status-fail-icon-color)}.tiny-popupload__dialog-table-item{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tiny-popupload__dialog-table-item:nth-child(even){background:var(--tv-PopUpload-table-item-even-bg-color)}.tiny-popupload__dialog-table-item .del-col{color:var(--tv-PopUpload-dialog-delete-text-color);width:100%;cursor:pointer}.tiny-popupload__modal .tiny-popupload__modal__body{overflow-y:auto}.tiny-popupload__modal .tiny-file-upload .tiny-upload-list__text-title{display:none}.tiny-popupload__modal .tiny-popupload__dialog-footer{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.tiny-popupload__pop-confirm .tiny-popconfirm-popover__title{white-space:nowrap}.tiny-popupload__status-icon{display:inline-block;margin-right:7px;height:8px;width:8px;border:2px solid var(--tv-PopUpload-status-icon-border-color);border-radius:50%}.tiny-popupload__status-icon.tiny-popupload__status-icon-success{border-color:var(--tv-PopUpload-status-success-icon-border-color)}.tiny-popupload__status-icon.tiny-popupload__status-icon-fail{border-color:var(--tv-PopUpload-status-fail-icon-color)}