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

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

.tiny-file-upload{--tv-UploadDragger-width:100px;--tv-UploadDragger-height:100px;--tv-UploadDragger-bg-color:var(--tv-color-bg-gray-1, #fafafa);--tv-UploadDragger-border-color:var(--tv-color-border, #c2c2c2);--tv-UploadDragger-border-radius:var(--tv-border-radius-md, 6px);--tv-UploadDragger-hover-text-color:var(--tv-color-text-secondary, #595959);--tv-UploadDragger-dragover-bg-color:rgba(32, 159, 255, 0.06);--tv-UploadDragger-icon-color:var(--tv-color-icon-control, #191919);--tv-UploadDragger-icon-font-size:24px;--tv-UploadDragger-text-color:var(--tv-color-text-secondary, #595959);--tv-UploadDragger-text-font-size:var(--tv-font-size-default, 14px);--tv-UploadDragger-files-border-color:#dcdfe6}.tiny-upload-dragger{width:var(--tv-UploadDragger-width);height:var(--tv-UploadDragger-height);background-color:var(--tv-UploadDragger-bg-color);border:1px dashed var(--tv-UploadDragger-border-color);border-radius:var(--tv-UploadDragger-border-radius);-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-upload-dragger:hover{border-color:var(--tv-UploadDragger-hover-text-color)}.tiny-upload-dragger.is-dragover{background-color:var(--tv-UploadDragger-dragover-bg-color,rgba(32,159,255,.06));border:2px dashed var(--tv-UploadDragger-hover-text-color)}.tiny-upload-dragger .icon-fileupload{font-size:var(--tv-UploadDragger-icon-font-size);fill:var(--tv-UploadDragger-icon-color)}.tiny-upload-dragger .tiny-upload__text{color:var(--tv-UploadDragger-text-color);font-size:var(--tv-UploadDragger-text-font-size);text-align:center;line-height:1.5}.tiny-upload-dragger .tiny-upload__text em{color:var(--tv-UploadDragger-hover-text-color);font-style:normal}.tiny-upload-dragger+.tiny-upload__tip{text-align:center}.tiny-upload-dragger~.tiny-upload__files{border-top:1px solid var(--tv-UploadDragger-files-border-color);margin-top:7px;padding-top:5px}