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 5c80fa0860
commit c1256f6425

View File

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