wzj/AIDaohang
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化搜索结果样式

Browse Source
This commit is contained in:
wzj 2025-07-11 12:51:29 +08:00
parent 94cf8605f1
commit 0fba78e232
1 changed files with 24 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
templates/index.html
View File

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