Skip to content

Commit d0062c0

Browse files
committed
fix(report): prevent layout overlap when browser width shrinks
Add min-width constraints and proper overflow handling to prevent page-side and main-right panels from overlapping at narrow widths.
1 parent d357bbb commit d0062c0

File tree

1 file changed

+10
-2
lines changed

1 file changed

+10
-2
lines changed

apps/report/src/App.less

Lines changed: 10 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -84,9 +84,15 @@ footer.mt-8 {
8484
.page-side {
8585
height: calc(100% - 8px);
8686
background: #f2f4f7;
87-
padding-right: 8px;
8887
margin-bottom: 8px;
89-
overflow-x: auto;
88+
min-width: 280px;
89+
overflow-x: hidden;
90+
overflow-y: auto;
91+
}
92+
93+
.resize-handle {
94+
width: 8px;
95+
flex-shrink: 0;
9096
}
9197

9298
[data-theme='dark'] .page-side {
@@ -181,6 +187,8 @@ footer.mt-8 {
181187
border-radius: 16px;
182188
background: #fff;
183189
margin-bottom: 8px;
190+
min-width: 0;
191+
overflow: hidden;
184192

185193
.main-right-header {
186194
height: 50px;

0 commit comments

Comments
 (0)