add submit button
This commit is contained in:
parent
bf226250ed
commit
25948b007a
|
@ -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;
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue