fix(admin-invites): stack create form fields vertically, unify row height and spacing
This commit is contained in:
@@ -15,12 +15,12 @@
|
||||
<!-- Add new code -->
|
||||
<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>
|
||||
<form method="post" action="/admin/invites/add" class="admin-invite-form">
|
||||
<div class="aif-field aif-grow">
|
||||
<form method="post" action="/admin/invites/add" class="admin-invite-form" style="flex-direction:column;gap:.85rem">
|
||||
<div class="aif-row">
|
||||
<label class="aif-label">邀请码(留空自动生成)</label>
|
||||
<input type="text" name="code" maxlength="8" placeholder="自动生成" class="aif-input" style="text-transform:uppercase">
|
||||
</div>
|
||||
<div class="aif-field">
|
||||
<div class="aif-row">
|
||||
<label class="aif-label">限制类型</label>
|
||||
<select name="limit_type" id="limit_type" onchange="toggleLimitFields()" class="aif-select">
|
||||
<option value="unlimited">无限制</option>
|
||||
@@ -28,16 +28,16 @@
|
||||
<option value="expires">有效期</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="aif-field" id="max_uses_field" style="display:none">
|
||||
<label class="aif-label">最大次数</label>
|
||||
<input type="number" name="max_uses" min="1" value="1" class="aif-input aif-short">
|
||||
<div class="aif-row" id="max_uses_field" style="display:none">
|
||||
<label class="aif-label">最大使用次数</label>
|
||||
<input type="number" name="max_uses" min="1" value="1" class="aif-input">
|
||||
</div>
|
||||
<div class="aif-field" id="expires_field" style="display:none">
|
||||
<div class="aif-row" id="expires_field" style="display:none">
|
||||
<label class="aif-label">过期时间</label>
|
||||
<input type="datetime-local" name="expires_at" class="aif-input aif-date">
|
||||
<input type="datetime-local" name="expires_at" class="aif-input">
|
||||
</div>
|
||||
<div class="aif-field aif-btn-wrap">
|
||||
<button type="submit" class="btn btn-primary aif-btn">创建</button>
|
||||
<div class="aif-row" style="justify-content:flex-end">
|
||||
<button type="submit" class="btn btn-primary">创建</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user