nanhaoluo/argon-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
- 为 .input-group-text 添加 flexbox 垂直居中对齐
- 为搜索图标设置 line-height: 1 确保视觉中心一致
- 为 input.form-control 添加 flexbox 对齐确保文本垂直居中
- 移除属性之间的多余空行，符合代码规范
This commit is contained in:
nanhaoluo
2026-01-21 14:06:31 +08:00
parent 5eb97a7d89
commit 40b348dd56
1 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
style.css
View File

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