earthjasonlin/mailova
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(admin-invites): create form conditional fields inline with nowrap labels, match input styling

Browse Source
This commit is contained in:
Zichao Lin
2026-07-06 08:32:36 +08:00
parent b285c4b588
commit b9d9de2fc3
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
app/templates/admin_invites.html
View File

@@ -28,12 +28,12 @@
<option value="expires">有效期</option> <option value="expires">有效期</option>
</select> </select>
</div> </div>
<div id="max_uses_field" style="display:none"> <div id="max_uses_field" style="display:none;align-items:center;gap:.5rem">
<label style="margin-top:0">使用次数</label> <label style="margin:0;white-space:nowrap">使用次数</label>
<input type="number" name="max_uses" min="1" value="1"> <input type="number" name="max_uses" min="1" value="1" style="width:6rem">
</div> </div>
<div id="expires_field" style="display:none"> <div id="expires_field" style="display:none;align-items:center;gap:.5rem">
<label style="margin-top:0">过期时间</label> <label style="margin:0;white-space:nowrap">过期时间</label>
<input type="datetime-local" name="expires_at"> <input type="datetime-local" name="expires_at">
</div> </div>
<div class="form-actions"> <div class="form-actions">
@@ -97,8 +97,8 @@
<script> <script>
function toggleLimitFields() { function toggleLimitFields() {
var t = document.getElementById('limit_type').value; var t = document.getElementById('limit_type').value;
document.getElementById('max_uses_field').style.display = t === 'uses' ? 'flex' : 'none'; document.getElementById('max_uses_field').style.display = t === 'uses' ? 'inline-flex' : 'none';
document.getElementById('expires_field').style.display = t === 'expires' ? 'flex' : 'none'; document.getElementById('expires_field').style.display = t === 'expires' ? 'inline-flex' : 'none';
} }
function toggleEditFields(id, val) { function toggleEditFields(id, val) {
var form = document.getElementById('edit-form-' + id); var form = document.getElementById('edit-form-' + id);