blek
/
bfile
1
0
Fork 0
Code Issues 6 Pull Requests 1 Packages Projects Releases 1 Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
filed/static/paint.css
View File

@ -126,4 +126,19 @@ p {
} }
.btn:active { .btn:active {
background: #323232; 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;
} }

11
filed/templates/index.html
View File

@ -27,7 +27,16 @@
<label for="bfile-formupload-delete-dl">After 30 minutes OR a download</label> <label for="bfile-formupload-delete-dl">After 30 minutes OR a download</label>
</li> </li>
</ul> </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> </form>
</div> </div>
</div> </div>