style: 搜索框 30% 透明,分组块底部留白
- 搜索框背景 50% -> 30% - sidebar 增加 24px 底部内边距,导航块滚到底留 24px - 验证:alpha=0.30;nav bottom 与视口底部间距 24px
This commit is contained in:
@@ -147,6 +147,12 @@ DELETE /api/items/:id
|
||||
|
||||
## 11. 实施记录
|
||||
|
||||
### P28(2026-10-31,搜索框 30% 透明与分组块底部留白)
|
||||
|
||||
- 搜索框背景透明度从 50% 调到 30%(`rgba(255,255,255,0.3)`),保留 blur;
|
||||
- 侧栏 `.sidebar-home` 增加 24px 底部内边距,分组导航块滚到底时距离视口底部保留 24px;
|
||||
- 验证:搜索框 alpha=0.30;页面滚到底时 navBottom=856、viewportBottom=880,间距 24px。
|
||||
|
||||
### P27(2026-10-31,分类块圆角与顶部软虚化)
|
||||
|
||||
- 侧栏导航 `.nav-card` 是普通 div(不是 Card),之前没有圆角;补 `border-radius: 12px` + `overflow: hidden`,和资料/服务卡一致;
|
||||
|
||||
@@ -151,7 +151,7 @@
|
||||
|
||||
/* 搜索框半透明,顶部区域透出背景 */
|
||||
.search-row > *:first-child {
|
||||
background-color: color-mix(in srgb, var(--su-bg-card) 50%, transparent);
|
||||
background-color: color-mix(in srgb, var(--su-bg-card) 30%, transparent);
|
||||
backdrop-filter: blur(14px);
|
||||
}
|
||||
|
||||
@@ -1342,6 +1342,7 @@ a.entry-href:hover {
|
||||
|
||||
.sidebar-home {
|
||||
padding-top: 0;
|
||||
padding-bottom: 24px;
|
||||
will-change: transform;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user