fix: 修复搜索框焦点与失焦状态视觉中心不一致

- 为 .input-group-text 添加 flexbox 垂直居中对齐
- 为搜索图标设置 line-height: 1 确保视觉中心一致
- 为 input.form-control 添加 flexbox 对齐确保文本垂直居中
- 移除属性之间的多余空行,符合代码规范
This commit is contained in:
2026-01-21 14:06:31 +08:00
parent 5eb97a7d89
commit 40b348dd56

View File

@@ -1856,9 +1856,8 @@ body.leftbar-can-headroom.headroom---unpinned #navbar-main {
}
#navbar_search_input_container .input-group-text i.fa {
font-size: 16px;
line-height: 1;
}
#navbar_search_input_container:not(.open) input.form-control {
@@ -1912,17 +1911,17 @@ body.leftbar-can-headroom.headroom---unpinned #navbar-main {
}
#navbar_search_input_container .input-group-text {
display: flex;
align-items: center;
justify-content: center;
transition: all var(--animation-slow) var(--ease-emphasized);
}
#navbar_search_input_container input.form-control {
display: flex;
align-items: center;
width: 200px;
transition: all 0.5s cubic-bezier(0.4, 0, 0, 1);
}
#navbar_search_btn_mobile {