优化搜索结果样式

This commit is contained in:
wzj 2025-07-11 12:51:29 +08:00
parent 94cf8605f1
commit 0fba78e232

View File

@ -182,8 +182,8 @@
.search-results {
position: absolute;
width: calc(95% - 40px); /* 修改为与搜索框底边宽度一致 */
left: 33px; /* 确保与搜索框对齐 */
width: calc(100% - 30px); /* 修改为与搜索框底边宽度一致 */
/* left: 33px; */ /* 确保与搜索框对齐 */
background: white;
border-radius: 0 0 10px 10px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
@ -194,7 +194,7 @@
transition: background-color 0.15s ease-in-out;
scrollbar-width: thin;
scrollbar-color: #939393;
margin-top: 3px;
/* margin-top: 3px; */
}
/* 自定义滚动条样式 */
@ -474,16 +474,27 @@ body.dark-theme .filter-row::after {
}
/* 自定义滚动条样式 */
.filter-row::-webkit-scrollbar {
height: 6px;
}
.filter-row::-webkit-scrollbar-track {
background: transparent;
}
.filter-row::-webkit-scrollbar-thumb {
.filter-row::-webkit-scrollbar,
.secondary-filters-container::-webkit-scrollbar,
.search-results::-webkit-scrollbar {
height: 4px; /* 更窄的滑块高度 */
width: 2px; /* 更窄的滑块宽度 */
}
.filter-row::-webkit-scrollbar-thumb,
.secondary-filters-container::-webkit-scrollbar-thumb,
.search-results::-webkit-scrollbar-thumb {
background-color: var(--primary-color);
border-radius: 3px;
}
border-radius: 2px; /* 更小的圆角 */
border: none;
}
.filter-row::-webkit-scrollbar-track,
.secondary-filters-container::-webkit-scrollbar-track,
.search-results::-webkit-scrollbar-track {
background: transparent;
border-radius: 2px;
}
.filter-btn {
padding: 8px 16px;