style: 搜索框 30% 透明,分组块底部留白

- 搜索框背景 50% -> 30%
- sidebar 增加 24px 底部内边距,导航块滚到底留 24px
- 验证:alpha=0.30;nav bottom 与视口底部间距 24px
This commit is contained in:
2026-10-31 17:18:57 +08:00
parent 762de4a4e1
commit 6c8eaa9f76
2 changed files with 8 additions and 1 deletions
+6
View File
@@ -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`,和资料/服务卡一致;
+2 -1
View File
@@ -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;
}