drag and drop zone

This commit is contained in:
blek 2023-09-30 00:57:18 +10:00
parent 8f6fa0a21b
commit a26f0c3b56
Signed by: blek
GPG Key ID: 14546221E3595D0C
2 changed files with 25 additions and 1 deletions

View File

@ -126,4 +126,19 @@ p {
}
.btn:active {
background: #323232;
}
.file-drag-n-drop {
width: 400px;
height: 400px;
background: var(--header-sec-color);
border-radius: 16px;
padding: var(--header-padding-x);
}
.file-drag-n-drop-inside {
padding: var(--header-padding-x);
border: 4px dotted #656565;
height: calc(100% - 32px - 8px);
border-radius: 16px;
}

View File

@ -27,7 +27,16 @@
<label for="bfile-formupload-delete-dl">After 30 minutes OR a download</label>
</li>
</ul>
<p>
<input type="file" name="file" id="bfile-formupload-file" style="display: none" />
<label for="bfile-formupload-file">
<div class="file-drag-n-drop">
<div class="file-drag-n-drop-inside">
</div>
</div>
</label>
</p>
</form>
</div>
</div>