feat: 优化搜索框样式

This commit is contained in:
coolzr
2025-10-19 01:25:40 +08:00
parent 9e2a8b0da4
commit 139c21ebe4
3 changed files with 60 additions and 8 deletions

View File

@@ -644,6 +644,7 @@ body .content.expanded {
border-radius: 50%;
opacity: 0;
transition: all 0.3s ease;
pointer-events: none; /* 不阻挡点击,避免遮住图标可点击区域 */
}
.search-box.has-results::after {
@@ -697,15 +698,30 @@ body .content.expanded {
/* 搜索图标和搜索引擎切换图标位置调整 */
.search-box .search-icon {
right: 1.5rem;
right: 2.0rem;
cursor: pointer;
transition: all 0.3s ease;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
}
/* 下拉指示图标交互与状态 */
.search-box .search-engine-toggle:hover { color: inherit; }
.search-box.dropdown-open .search-engine-toggle { transform: translateY(-50%) rotate(180deg); }
.search-box .search-engine-toggle {
right: 3.5rem;
right: 0.8rem;
cursor: pointer;
font-size: 0.8rem;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
}
/* 搜索引擎下拉菜单 */