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 ===== */
|
||||
.filter-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}
|
||||
.filter-bar select,.filter-bar input{
|
||||
padding:9px 14px;border:1.5px solid var(--g3);border-radius:var(--r);
|
||||
font-size:13px;background:white;color:var(--g8);transition:border-color .2s;font-family:inherit;
|
||||
padding:9px 14px;border:1.5px solid var(--g3);border-radius:8px;
|
||||
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}
|
||||
|
||||
/* ===== Modal ===== */
|
||||
|
||||
@@ -41,8 +41,8 @@ const ServersPage = {
|
||||
showAdd() {
|
||||
U.modal('添加服务器', `
|
||||
<form id="add-srv-form">
|
||||
<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="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="modal-f"><button type="button" class="btn btn-o" data-action="App:closeModal">取消</button><button type="submit" class="btn btn-p">添加</button></div>
|
||||
</form>
|
||||
`);
|
||||
|
||||
Reference in New Issue
Block a user