drag and drop zone
This commit is contained in:
parent
8f6fa0a21b
commit
a26f0c3b56
|
@ -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;
|
||||
}
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue