vue-uploader/dist/style.css

Simple Vue File Uploader

.drag-over{background-color:#eee}#file-upload{display:none}#drop-zone{border:4px dashed #e5e5e5;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:10px;gap:20px;height:200px;cursor:pointer}.file-details{padding:10px;display:flex;align-items:center;border:1px solid #e5e5e5;justify-content:space-between;gap:5px;overflow-x:auto}.file-details::-webkit-scrollbar{width:5px;height:12px}.file-details::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:5px}.file-details::-webkit-scrollbar-thumb{background:#3db3d6;border-radius:10px;cursor:pointer;width:20px}.file-details::-webkit-scrollbar-thumb:hover{background:#3298b6}#drop-zone h3{color:#8d8d8d}.file{background:#f8f9fa;padding:24px;font-size:12px;border-radius:10px;position:relative;box-shadow:0 0 4px 2px #ccc}.close-button{color:red;cursor:pointer;position:absolute;top:5px;right:5px;border:0;background:#e0e0e0;border-radius:5px}.close-button:hover{border:1px solid}