@opentiny/vue-theme/file-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-upload--thumb{--tv-FileUpload-font-size:var(--tv-font-size-default, 14px);--tv-FileUpload-item-text-color:var(--tv-color-text, #191919)}.tiny-upload--thumb__wrap{margin-top:8px}.tiny-upload--thumb__head{cursor:pointer;color:var(--tv-FileUpload-item-text-color);font-size:var(--tv-FileUpload-font-size)}.tiny-upload--thumb__head .thumb-icon{margin-right:8px;fill:#999}.tiny-upload--thumb__head span{vertical-align:middle}.tiny-upload--thumb__body{--tv-FileUpload-font-size:var(--tv-font-size-default, 14px);--tv-FileUpload-item-text-color:var(--tv-color-text, #191919)}.tiny-upload--thumb__body .thumb-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-upload--thumb__body .thumb-item:not(:last-child){padding-bottom:8px}.tiny-upload--thumb__body .thumb-item-name{padding:4px 8px;color:var(--tv-FileUpload-item-text-color);-webkit-box-flex:1;-ms-flex:1;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-upload--thumb__body .thumb-success-icon{fill:#52c41a}.tiny-upload--thumb__body .close-icon,.tiny-upload--thumb__body .download-icon,.tiny-upload--thumb__body .refres-icon{fill:#7c7c7c;cursor:pointer}.tiny-upload--thumb__body .thumb-icon+.thumb-icon{margin-left:8px}