More UI / Icons / Wording work on the pop up modals

This commit is contained in:
johnnyq
2023-01-12 23:39:02 -05:00
parent 0ffe1b9c75
commit df9182cd78
53 changed files with 182 additions and 180 deletions

View File

@@ -1,5 +1,5 @@
<div class="modal" id="addFileModal" tabindex="-1">
<div class="modal-dialog modal-sm">
<div class="modal-dialog">
<div class="modal-content bg-dark">
<div class="modal-header">
<h5 class="modal-title"><i class="fa fa-fw fa-cloud-upload-alt"></i> Upload File</h5>
@@ -12,16 +12,23 @@
<div class="modal-body bg-white">
<div class="form-group">
<input type="text" class="form-control" name="new_name" placeholder="New File Name (Optional)">
<label>File name</label>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-fw fa-file"></i></span>
</div>
<input type="text" class="form-control" name="new_name" placeholder="leave blank to use existing name">
</div>
</div>
<div class="form-group">
<input type="file" class="form-control-file" name="file" accept=".jpg, .jpeg, .gif, .png, .pdf, .txt, .doc, .docx, .csv, .xls, .xlsx, .zip, .tar, .gz">
<input type="file" class="form-control-file" name="file" accept=".jpg, .jpeg, .gif, .png, .webp, .pdf, .txt, .doc, .docx, .csv, .xls, .xlsx, .zip, .tar, .gz">
</div>
</div>
<div class="modal-footer bg-white">
<button type="submit" name="add_file" class="btn btn-primary">Upload</button>
<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cancel</button>
<button type="submit" name="add_file" class="btn btn-primary text-bold"><i class="fa fa-fw fa-upload"></i> Upload</button>
</div>
</form>
</div>