style: 加高顶部留白
- TOP_OFFSET 88 -> 104,搜索框与卡片间距 28 -> 44 - contentOffset 与 page-scroll margin/height 共用常量 - 验证 content/sider top=164
This commit is contained in:
@@ -147,6 +147,12 @@ DELETE /api/items/:id
|
|||||||
|
|
||||||
## 11. 实施记录
|
## 11. 实施记录
|
||||||
|
|
||||||
|
### P26(2026-10-31,顶部留白加高)
|
||||||
|
|
||||||
|
- 首页顶部偏移 `TOP_OFFSET` 从 88 调到 104,搜索框与内容卡片之间的空白从 28px 增加到 44px;
|
||||||
|
- Layout `contentOffset` 与 `#page-scroll` 的 `margin-top`/`height` 使用同一个常量,左右两栏仍从 164 对齐开始;
|
||||||
|
- 验证:content/sider top=164,search top=76 / bottom=120。
|
||||||
|
|
||||||
### P25(2026-10-31,去掉顶部块的接缝)
|
### P25(2026-10-31,去掉顶部块的接缝)
|
||||||
|
|
||||||
- 删除 `.top-dock` 整块:不再有 60–148 的半透明填充与底边,避免出现一条横向分割线;
|
- 删除 `.top-dock` 整块:不再有 60–148 的半透明填充与底边,避免出现一条横向分割线;
|
||||||
|
|||||||
@@ -161,6 +161,8 @@ function matches(entry: Record<string, unknown>, keyword: string): boolean {
|
|||||||
return text.includes(keyword)
|
return text.includes(keyword)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const TOP_OFFSET = 104
|
||||||
|
|
||||||
export default function AppNext() {
|
export default function AppNext() {
|
||||||
const { status, projects, error, live, refreshing, refresh } = useProjects()
|
const { status, projects, error, live, refreshing, refresh } = useProjects()
|
||||||
const { route, navigate } = useRoute()
|
const { route, navigate } = useRoute()
|
||||||
@@ -208,8 +210,8 @@ export default function AppNext() {
|
|||||||
body.id = 'page-scroll'
|
body.id = 'page-scroll'
|
||||||
body.style.overflowY = 'auto'
|
body.style.overflowY = 'auto'
|
||||||
body.style.overflowX = 'hidden'
|
body.style.overflowX = 'hidden'
|
||||||
body.style.marginTop = '88px'
|
body.style.marginTop = `${TOP_OFFSET}px`
|
||||||
body.style.height = 'calc(100% - 88px)'
|
body.style.height = `calc(100% - ${TOP_OFFSET}px)`
|
||||||
content.style.overflow = 'visible'
|
content.style.overflow = 'visible'
|
||||||
content.style.marginTop = '0'
|
content.style.marginTop = '0'
|
||||||
main.style.height = 'auto'
|
main.style.height = 'auto'
|
||||||
@@ -603,7 +605,7 @@ export default function AppNext() {
|
|||||||
headerVariant="solid"
|
headerVariant="solid"
|
||||||
siderBordered={false}
|
siderBordered={false}
|
||||||
contentPadding="none"
|
contentPadding="none"
|
||||||
contentOffset={88}
|
contentOffset={TOP_OFFSET}
|
||||||
height="screen"
|
height="screen"
|
||||||
scrollable
|
scrollable
|
||||||
hideScrollbar
|
hideScrollbar
|
||||||
|
|||||||
Reference in New Issue
Block a user