fix: placeholder examples, filter bar styling improvement
This commit is contained in:
@@ -203,10 +203,11 @@ tbody tr:last-child td{border-bottom:none}
|
|||||||
/* ===== Filters ===== */
|
/* ===== Filters ===== */
|
||||||
.filter-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}
|
.filter-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}
|
||||||
.filter-bar select,.filter-bar input{
|
.filter-bar select,.filter-bar input{
|
||||||
padding:9px 14px;border:1.5px solid var(--g3);border-radius:var(--r);
|
padding:9px 14px;border:1.5px solid var(--g3);border-radius:8px;
|
||||||
font-size:13px;background:white;color:var(--g8);transition:border-color .2s;font-family:inherit;
|
font-size:13px;background:white;color:var(--g8);transition:.2s;font-family:inherit;
|
||||||
|
min-width:120px;
|
||||||
}
|
}
|
||||||
.filter-bar select:focus,.filter-bar input:focus{outline:none;border-color:var(--p)}
|
.filter-bar select:focus,.filter-bar input:focus{outline:none;border-color:var(--p);box-shadow:0 0 0 3px rgba(99,102,241,.1)}
|
||||||
.filter-bar input{min-width:200px}
|
.filter-bar input{min-width:200px}
|
||||||
|
|
||||||
/* ===== Modal ===== */
|
/* ===== Modal ===== */
|
||||||
|
|||||||
@@ -41,8 +41,8 @@ const ServersPage = {
|
|||||||
showAdd() {
|
showAdd() {
|
||||||
U.modal('添加服务器', `
|
U.modal('添加服务器', `
|
||||||
<form id="add-srv-form">
|
<form id="add-srv-form">
|
||||||
<div class="grid-2"><div class="form-group"><label>分组名 *</label><input id="as-group" required placeholder="如:生存服"></div>
|
<div class="grid-2"><div class="form-group"><label>分组名 *</label><input id="as-group" required placeholder="如:网易服务器"></div>
|
||||||
<div class="form-group"><label>子服名 *</label><input id="as-server" required placeholder="如:一区"></div></div>
|
<div class="form-group"><label>子服名 *</label><input id="as-server" required placeholder="如:生存服"></div></div>
|
||||||
<div class="modal-f"><button type="button" class="btn btn-o" data-action="App:closeModal">取消</button><button type="submit" class="btn btn-p">添加</button></div>
|
<div class="modal-f"><button type="button" class="btn btn-o" data-action="App:closeModal">取消</button><button type="submit" class="btn btn-p">添加</button></div>
|
||||||
</form>
|
</form>
|
||||||
`);
|
`);
|
||||||
|
|||||||
Reference in New Issue
Block a user