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

View File

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