fix: placeholder examples, filter bar styling improvement

This commit is contained in:
2026-07-16 22:00:23 +08:00
parent a417a1c376
commit 547348d4fe
2 changed files with 6 additions and 5 deletions

View File

@@ -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 ===== */

View File

@@ -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>
`); `);