fix(admin-invites): increase create form gap, align edit buttons bottom with select

This commit is contained in:
2026-07-06 08:17:00 +08:00
parent 6af99f36f2
commit fd7e700e7d
2 changed files with 3 additions and 3 deletions

View File

@@ -289,14 +289,14 @@ code { background: var(--bg); padding: .15rem .4rem; border-radius: 4px; font-si
/* Admin invite form */ /* Admin invite form */
.admin-invite-form { display: flex; flex-wrap: wrap; gap: .5rem; align-items: flex-start; } .admin-invite-form { display: flex; flex-wrap: wrap; gap: .5rem; align-items: flex-start; }
.aif-row { display: flex; flex-direction: column; gap: .3rem; } .aif-row { display: flex; flex-direction: column; gap: .3rem; }
.aif-field { display: flex; flex-direction: column; gap: .15rem; } .aif-field { display: flex; flex-direction: column; gap: .15rem; justify-content: flex-end; }
.aif-grow { flex: 1 1 200px; min-width: 0; } .aif-grow { flex: 1 1 200px; min-width: 0; }
.aif-label { font-size: .8rem; color: var(--text-muted); line-height: 1.2; } .aif-label { font-size: .8rem; color: var(--text-muted); line-height: 1.2; }
.aif-input, .aif-select { width: 100%; padding: .45rem .65rem; border: 1px solid var(--border); border-radius: 6px; font-size: .9rem; background: #fff; line-height: 1.3; } .aif-input, .aif-select { width: 100%; padding: .45rem .65rem; border: 1px solid var(--border); border-radius: 6px; font-size: .9rem; background: #fff; line-height: 1.3; }
.aif-input:focus, .aif-select:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px rgba(37,99,235,.1); } .aif-input:focus, .aif-select:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px rgba(37,99,235,.1); }
.aif-short { width: 80px; } .aif-short { width: 80px; }
.aif-date { width: 180px; } .aif-date { width: 180px; }
.aif-btn-wrap { flex-direction: row; align-items: center; gap: .4rem; padding-bottom: 1px; } .aif-btn-wrap { flex-direction: row; align-items: flex-end; gap: .4rem; padding-bottom: 1px; }
.aif-btn { height: 2rem; } .aif-btn { height: 2rem; }
.aif-edit-num, .aif-edit-date { flex-direction: row; align-items: center; gap: .35rem; } .aif-edit-num, .aif-edit-date { flex-direction: row; align-items: center; gap: .35rem; }
.aif-edit-num .aif-input, .aif-edit-date .aif-input { width: 80px; flex: none; } .aif-edit-num .aif-input, .aif-edit-date .aif-input { width: 80px; flex: none; }

View File

@@ -15,7 +15,7 @@
<!-- Add new code --> <!-- Add new code -->
<div style="margin-bottom:2rem;padding:1.5rem;background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border)"> <div style="margin-bottom:2rem;padding:1.5rem;background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border)">
<h3 style="margin-bottom:1rem;font-size:1rem">创建邀请码</h3> <h3 style="margin-bottom:1rem;font-size:1rem">创建邀请码</h3>
<form method="post" action="/admin/invites/add" class="admin-invite-form" style="flex-direction:column;gap:.85rem"> <form method="post" action="/admin/invites/add" class="admin-invite-form" style="flex-direction:column;gap:1.1rem">
<div class="aif-row"> <div class="aif-row">
<label class="aif-label">邀请码(留空自动生成)</label> <label class="aif-label">邀请码(留空自动生成)</label>
<input type="text" name="code" maxlength="8" placeholder="自动生成" class="aif-input" style="text-transform:uppercase"> <input type="text" name="code" maxlength="8" placeholder="自动生成" class="aif-input" style="text-transform:uppercase">