优化搜索结果样式
This commit is contained in:
parent
94cf8605f1
commit
0fba78e232
@ -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;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user