vue3-fileinput/dist/vue3-fileinput.css

A Vue 3 drag-and-drop file upload component with validation, preview, and error handling.

:root [data-topbar=dark] .upload-icon[data-v-14a6869e]{filter:invert(1)}:root [data-topbar=dark] .upload-text[data-v-14a6869e]{color:#e3e4e6}.placeholder-error[data-v-14a6869e]{color:#fd625e!important;background-color:transparent!important}.drop-zone[data-v-14a6869e]{border:1.9px dashed #8b8787;border-radius:7px;padding:20px;text-align:center;cursor:pointer;height:12rem;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .3s ease-in-out;position:relative}.placeholder[data-v-14a6869e]{display:flex;flex-direction:column;align-items:center;color:#302e2e;background-color:transparent!important;cursor:pointer}.drop-zone[data-v-14a6869e]:hover{border-color:#5156be}.dragging[data-v-14a6869e]{background-color:#d4edda!important;border-color:#28a745!important}.error-border[data-v-14a6869e]{border:1.9px dashed red!important}.error-message[data-v-14a6869e]{color:red;text-align:center;margin-top:5px;font-size:.9rem}.upload-icon[data-v-14a6869e]{font-size:50px;margin-bottom:10px}.helper-text[data-v-14a6869e]{color:#6c757d;text-align:center;margin-top:8px;font-size:.9rem}.preview-image[data-v-14a6869e]{max-width:100%;max-height:10.9rem;margin-top:10px}