Modal restyle

sharper corners
vertically centred
improved spacing
This commit is contained in:
Corban-Lee Jones 2024-05-28 22:31:41 +01:00
parent 105052f02e
commit f85dc77695
2 changed files with 14 additions and 14 deletions

View File

@ -1,21 +1,21 @@
<div id="serverFormModal" class="modal fade" data-bs-backdrop="static" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content rounded-1">
<form id="serverForm" class="mb-0" novalidate>
<div class="modal-header">
<h5 class="modal-title">
Add Server
</h5>
</div>
<div class="modal-body">
<div class="modal-body py-4">
<div class="d-flex flex-nowrap">
<div class="flex-fill">
<select name="serverOptions" id="serverOptions" class="select-2" data-dropdownparent="#serverFormModal">
<select name="serverOptions" id="serverOptions" class="select-2 rounded-1" data-dropdownparent="#serverFormModal">
<option value="">-- Select a Server --</option>
</select>
</div>
<button type="button" id="serverOptionsRefreshBtn" class="btn btn-secondary ms-3">
<button type="button" id="serverOptionsRefreshBtn" class="btn btn-secondary rounded-1 ms-3">
<i class="bi bi-arrow-clockwise d-block"></i>
</button>
</div>
@ -24,8 +24,8 @@
</p>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-primary">Submit</button>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
<button type="submit" class="btn btn-primary rounded-1 me-0">Submit</button>
<button type="button" class="btn btn-secondary rounded-1 ms-3" data-bs-dismiss="modal">Cancel</button>
</div>
</form>
</div>

View File

@ -1,6 +1,6 @@
<div id="subFormModal" class="modal fade" data-bs-backdrop="static" tabindex="-1">
<div class="modal-dialog">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<form id="subForm" class="mb-0" novalidate>
<div class="modal-header">
@ -10,15 +10,15 @@
Subscription
</h5>
</div>
<div class="modal-body">
<div class="modal-body py-4">
<input type="hidden" id="subId" name="subId">
<div class="mb-3">
<label for="subName" class="form-label">Name</label>
<input type="text" id="subName" name="subName" class="form-control" placeholder="My News Feed">
<input type="text" id="subName" name="subName" class="form-control rounded-1" placeholder="My News Feed">
</div>
<div class="mb-3">
<label for="subUrl" class="form-label">URL</label>
<input type="url" id="subUrl" name="subUrl" class="form-control" placeholder="http://example.com/rss.xml">
<input type="url" id="subUrl" name="subUrl" class="form-control rounded-1" placeholder="http://example.com/rss.xml">
<div class="form-text">Must point to a valid <a href="https://en.wikipedia.org/wiki/RSS" class="text-decoration-none">RSS</a> feed.</div>
</div>
<div class="mb-3">
@ -33,15 +33,15 @@
</div>
<div>
<label for="subExtraNotes" class="form-label">Extra Notes</label>
<textarea id="subExtraNotes" name="subExtraNotes" class="form-control" placeholder=""></textarea>
<textarea id="subExtraNotes" name="subExtraNotes" class="form-control rounded-1" placeholder=""></textarea>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-primary">
<button type="submit" class="btn btn-primary rounded-1 me-0">
<span class="form-create">Create</span>
<span class="form-edit">Confirm Edit</span>
</button>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-secondary rounded-1 ms-3" data-bs-dismiss="modal">Cancel</button>
</div>
</form>
</div>