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. 实施记录
|
## 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,分类块圆角与顶部软虚化)
|
### P27(2026-10-31,分类块圆角与顶部软虚化)
|
||||||
|
|
||||||
- 侧栏导航 `.nav-card` 是普通 div(不是 Card),之前没有圆角;补 `border-radius: 12px` + `overflow: hidden`,和资料/服务卡一致;
|
- 侧栏导航 `.nav-card` 是普通 div(不是 Card),之前没有圆角;补 `border-radius: 12px` + `overflow: hidden`,和资料/服务卡一致;
|
||||||
|
|||||||
@@ -151,7 +151,7 @@
|
|||||||
|
|
||||||
/* 搜索框半透明,顶部区域透出背景 */
|
/* 搜索框半透明,顶部区域透出背景 */
|
||||||
.search-row > *:first-child {
|
.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);
|
backdrop-filter: blur(14px);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -1342,6 +1342,7 @@ a.entry-href:hover {
|
|||||||
|
|
||||||
.sidebar-home {
|
.sidebar-home {
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
|
padding-bottom: 24px;
|
||||||
will-change: transform;
|
will-change: transform;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user