add submit button

This commit is contained in:
blek 2023-09-30 12:10:49 +10:00
parent bf226250ed
commit 25948b007a
Signed by: blek
GPG Key ID: 14546221E3595D0C
2 changed files with 12 additions and 7 deletions

View File

@ -140,6 +140,10 @@ p {
background: #323232;
}
.btn-fill {
width: 100%;
}
.file-drag-n-drop {
display: block;
@ -176,9 +180,8 @@ p {
display: block;
opacity: 0;
height: 0;
width: 0;
width: calc(100% - 24px);
clip-path: inset(0 0 0 0);
font-size: 0;
padding: 0;
}
@ -186,18 +189,15 @@ p {
.file-drag-n-drop {
opacity: 0;
clip-path: inset(0 0 0 0);
width: 0;
height: 0;
font-size: 0;
padding: 0;
}
.mobile-file-upload-btn {
width: calc(100% - 24px);
cursor: pointer;
height: fit-content;
opacity: 1;
font-size: initial;
padding: var(--header-padding-y);
text-align: center;
}
.bfile-formupload-file-delete-pick {
margin-bottom: 28px;

View File

@ -30,7 +30,7 @@
<p>
<input type="file" name="file" id="bfile-formupload-file" style="display: none" />
<label for="bfile-formupload-file">
<span class='btn mobile-file-upload-btn'>
<span class='btn btn-fill mobile-file-upload-btn'>
Select a file
</span>
<span class="file-drag-n-drop">
@ -54,6 +54,11 @@
<script src="/dragndrop-form.js"></script>
</label>
</p>
<p>
<button class='btn btn-fill'>
Upload!
</button>
</p>
</form>
</div>
</div>