style(login): 修复后台登录页保持会话复选框与文字重叠问题

这个提交包含在:
chen
2026-09-18 09:01:26 +08:00
父节点 50cac7fc06
当前提交 96eb5a87b3

查看文件

@@ -381,28 +381,46 @@
height: 48px;
}
body.login-body .login-keep.checkbox {
body.login-body .login-keep {
display: flex;
align-items: center;
min-height: 44px;
margin: 6px 0 22px;
min-height: 24px;
margin: 10px 0 22px;
}
body.login-body .login-keep label {
display: flex;
body.login-body .login-keep label,
body.login-body .login-keep .login-keep-label {
position: relative;
display: inline-flex;
align-items: center;
gap: 8px;
margin: 0;
padding: 0 !important;
min-height: auto;
font-size: 14px;
font-weight: 400;
line-height: 1.4;
color: var(--muted);
cursor: pointer;
user-select: none;
}
body.login-body .login-keep input[type="checkbox"] {
width: 16px;
height: 16px;
margin: 0;
position: static !important;
float: none !important;
width: 16px !important;
height: 16px !important;
margin: 0 !important;
padding: 0 !important;
flex-shrink: 0;
cursor: pointer;
accent-color: var(--brass-deep);
vertical-align: middle;
}
body.login-body .login-keep .login-keep-text {
display: inline-block;
line-height: 1.4;
}
body.login-body .login-submit.btn {
@@ -617,10 +635,10 @@
<!--@CaptchaEnd-->
{if $keeyloginhours>0}
<div class="form-group checkbox login-keep">
<label class="inline" for="keeplogin" data-toggle="tooltip" title="{:__('The duration of the session is %s hours', $keeyloginhours)}">
<div class="form-group login-keep">
<label class="login-keep-label" for="keeplogin" data-toggle="tooltip" title="{:__('The duration of the session is %s hours', $keeyloginhours)}">
<input type="checkbox" name="keeplogin" id="keeplogin" value="1"/>
{:__('Keep login')}
<span class="login-keep-text">{:__('Keep login')}</span>
</label>
</div>
{/if}