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