Skip to content

Commit 7c70d88

Browse files
committed
fix: improve layout and responsive design
Layout fixes: - Add min-height to page-content for better sticky footer - Add max-height and overflow to sidebar for better scrolling - Add min-height to content area - Enhance responsive design for mobile devices Image fixes: - Remove missing image reference in canvas-functions.md
1 parent 5aedfc4 commit 7c70d88

2 files changed

Lines changed: 5 additions & 1 deletion

File tree

assets/css/style.css

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -62,6 +62,7 @@ body {
6262
.page-content {
6363
padding: 32px 0;
6464
flex: 1;
65+
min-height: calc(100vh - 200px);
6566
}
6667

6768
.page-content .wrapper {
@@ -75,6 +76,8 @@ body {
7576
flex-shrink: 0;
7677
position: sticky;
7778
top: 32px;
79+
max-height: calc(100vh - 64px);
80+
overflow-y: auto;
7881
}
7982

8083
.content {
@@ -84,6 +87,7 @@ body {
8487
padding: 24px;
8588
border-radius: 6px;
8689
box-shadow: 0 1px 3px rgba(0,0,0,0.12);
90+
min-height: 400px;
8791
}
8892

8993
.content h1 {

docs/zh_CN/workflow/canvas-functions.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ nav_order: 4
2020

2121
紧挨着手型图标右侧的是 **节点整理功能** 按钮。点击后,系统将根据流程执行顺序自动对节点进行排布整理,使流程结构更规整、更清晰,方便用户快速理解和查看整体逻辑走向,尤其在流程较复杂时尤为实用。
2222

23-
![整理效果](../assets/images/画布-整理效果.png)
23+
<!-- 整理效果截图 -->
2424

2525
## 页面自适应与缩放
2626

0 commit comments

Comments
 (0)