fix: 去掉顶部独立块,消除横向分割线

- 删除 top-dock 与其半透明填充/底边
- 搜索框保持 fixed 悬浮,页头实底
- 顶部与内容之间只保留页面背景自然渐变
- 验证:top-dock 数量为 0,背景连续
This commit is contained in:
2026-10-31 16:54:44 +08:00
parent e13c2b2ce6
commit ddef75f862
4 changed files with 8 additions and 16 deletions
+1 -1
View File
@@ -167,7 +167,7 @@ GET /api/backup SQLite 快照附件 需登录
- 当前 `PRAGMA user_version = 22`;`schema::migrate` 逐级升级:0 建全量、15→16→17→18→19→20→21→22、更高版本拒绝启动。
- 格式在 `entry.format`(apps / posters / articles),同组可混合;`node` 的旧 `view_mode` 仅保留兼容,不再决定渲染。
- `settings.sidebar.show_profile / show_service` 控制侧栏两张卡片显隐(默认 true)。
- 首页滚动:`#page-scroll`(Layout 的 body)是唯一滚动容器,搜索框固定在其上方;左右两栏顶部对齐,左侧到底后通过 `translateY` 吸底,右侧继续滚动;滚动条隐藏;页头实底,搜索位于独立的 28% 半透明 top-dock 块中。
- 首页滚动:`#page-scroll`(Layout 的 body)是唯一滚动容器,搜索框固定在其上方;左右两栏顶部对齐,左侧到底后通过 `translateY` 吸底,右侧继续滚动;滚动条隐藏;页头实底,搜索框悬浮,顶部与内容之间没有独立填充块。
- 本地服务是运行时卡片,但 `card` 表里有一行 `local-service` 只用于排序;内容来自 `/api/projects`,后端禁止删除/改名/配置分组。
- `node` 是统一分组树(根节点 `kind='section'`,子节点 `kind='group'` 可多层);`enabled` 控制启停;`icon` 可为空。
- 主要表:`node`、`entry`、`entry_tag`、`section_block`、`admin`、`session`、`setting`、`audit`。
+7
View File
@@ -147,6 +147,13 @@ DELETE /api/items/:id
## 11. 实施记录
### P25(2026-10-31,去掉顶部块的接缝)
- 删除 `.top-dock` 整块:不再有 60–148 的半透明填充与底边,避免出现一条横向分割线;
- 搜索框继续 fixed 悬浮,页头保持实底;顶部与内容之间只剩页面背景的自然渐变;
- 背景图渐隐保持 80%,与内容起点无硬边;
- 验证:`.top-dock` 数量 0,左侧与右侧顶部背景连续。
### P24(2026-10-31,独立的半透明顶部块)
- 页头恢复实底(`headerVariant="solid"`),去掉 `.app > header` 的透明度覆盖;
-14
View File
@@ -149,20 +149,6 @@
box-shadow: var(--su-shadow-card);
}
/* 页头下方独立的一条顶部块:承载搜索框,半透明 */
.top-dock {
position: fixed;
top: 60px;
right: 0;
left: 0;
z-index: 0;
height: 88px;
pointer-events: none;
background-color: color-mix(in srgb, var(--su-bg-page) 28%, transparent);
backdrop-filter: blur(10px);
border-bottom: 1px solid color-mix(in srgb, var(--su-border) 35%, transparent);
}
/* 搜索框半透明,顶部区域透出背景 */
.search-row > *:first-child {
background-color: color-mix(in srgb, var(--su-bg-card) 60%, transparent);
-1
View File
@@ -592,7 +592,6 @@ export default function AppNext() {
/>
<div className="site-background" aria-hidden="true" />
<div className="top-dock" aria-hidden="true" />
<Layout
contained