관리-도구
편집 파일: form-file-uploader.css
.dropzone{background:#f8f8f8;border:2px dashed #7367f0;min-height:350px;position:relative}.dropzone .dz-message{align-items:center;color:#7367f0;display:flex;font-size:2rem;height:100%;justify-content:center;left:0;margin:0;position:absolute;top:0;width:100%}.dropzone .dz-message:before{-webkit-font-smoothing:antialiased;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237367f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-download'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3'/%3E%3C/svg%3E");color:#7367f0;content:"";display:inline-block;font-size:80px;font-weight:400;height:80px;line-height:1;position:absolute;text-indent:0;top:14rem;width:80px;z-index:2}.dropzone .dz-preview{background:transparent!important}.dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark{z-index:10}.dropzone .dz-preview .dz-image{border-radius:.357rem}.dropzone .dz-preview.dz-image-preview{background:transparent!important}.dropzone .dz-preview .dz-error-message{background:#ea5455}.dropzone .dz-preview .dz-error-message:after{border-bottom:6px solid #ea5455}.dropzone .dz-preview .dz-remove{color:#ea5455;font-size:1.1rem;line-height:2rem}.dropzone .dz-preview .dz-remove:before{-webkit-font-smoothing:antialiased;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ea5455' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E");content:"";display:inline-block;font-weight:400;line-height:1;text-indent:0;z-index:2}.dropzone .dz-preview .dz-remove:hover{color:#e42728;text-decoration:none}@media(max-width:576px){.dropzone .dz-message{font-size:1.5rem}.dropzone .dz-message:before{height:50px;top:15rem;width:50px}}.dark-layout .dropzone{background-color:#2e3750}