fix: 修复邮件设置checkbox点击范围过大问题

将label改为div+span结构,使只有checkbox本身可点击

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
2025-12-11 22:48:06 +08:00
parent 79cf3c2f30
commit ad3062bd28

View File

@@ -1207,38 +1207,38 @@
<!-- 全局设置 -->
<div style="background: #f8f9fa; padding: 15px; border-radius: 8px; margin-bottom: 20px;">
<div class="form-group" style="margin-bottom: 10px;">
<label style="display: flex; align-items: center; gap: 10px;">
<input type="checkbox" id="emailEnabled" onchange="updateEmailSettings()" style="width: auto; max-width: none;">
启用邮件功能
</label>
<div style="font-size: 12px; color: #666; margin-top: 5px;">
<div style="display: flex; align-items: center; gap: 10px;">
<input type="checkbox" id="emailEnabled" onchange="updateEmailSettings()" style="width: auto; max-width: none; cursor: pointer;">
<span>启用邮件功能</span>
</div>
<div style="font-size: 12px; color: #666; margin-top: 5px; margin-left: 28px;">
开启后,系统将支持邮箱验证、密码重置邮件、任务完成通知等功能
</div>
</div>
<div class="form-group" style="margin-bottom: 10px;">
<label style="display: flex; align-items: center; gap: 10px;">
<input type="checkbox" id="failoverEnabled" onchange="updateEmailSettings()" style="width: auto; max-width: none;">
启用故障转移
</label>
<div style="font-size: 12px; color: #666; margin-top: 5px;">
<div style="display: flex; align-items: center; gap: 10px;">
<input type="checkbox" id="failoverEnabled" onchange="updateEmailSettings()" style="width: auto; max-width: none; cursor: pointer;">
<span>启用故障转移</span>
</div>
<div style="font-size: 12px; color: #666; margin-top: 5px; margin-left: 28px;">
开启后主SMTP配置发送失败时自动切换到备用配置
</div>
</div>
<div class="form-group" style="margin-bottom: 10px;">
<label style="display: flex; align-items: center; gap: 10px;">
<input type="checkbox" id="registerVerifyEnabled" onchange="updateEmailSettings()" style="width: auto; max-width: none;">
启用注册邮箱验证
</label>
<div style="font-size: 12px; color: #666; margin-top: 5px;">
<div style="display: flex; align-items: center; gap: 10px;">
<input type="checkbox" id="registerVerifyEnabled" onchange="updateEmailSettings()" style="width: auto; max-width: none; cursor: pointer;">
<span>启用注册邮箱验证</span>
</div>
<div style="font-size: 12px; color: #666; margin-top: 5px; margin-left: 28px;">
开启后,新用户注册需通过邮箱验证才能激活账号(优先级高于自动审核)
</div>
</div>
<div class="form-group" style="margin-bottom: 10px;">
<label style="display: flex; align-items: center; gap: 10px;">
<input type="checkbox" id="taskNotifyEnabled" onchange="updateEmailSettings()" style="width: auto; max-width: none;">
启用任务完成通知
</label>
<div style="font-size: 12px; color: #666; margin-top: 5px;">
<div style="display: flex; align-items: center; gap: 10px;">
<input type="checkbox" id="taskNotifyEnabled" onchange="updateEmailSettings()" style="width: auto; max-width: none; cursor: pointer;">
<span>启用任务完成通知</span>
</div>
<div style="font-size: 12px; color: #666; margin-top: 5px; margin-left: 28px;">
开启后,定时任务完成时将发送邮件通知给用户(用户需已设置邮箱)
</div>
</div>