Skip to content

Commit 6e8c6e9

Browse files
committed
fix: allow preview panel to reach phone aspect ratio on mobile
- Set code-wrap min-height to 120px so it can shrink further when the user drags the preview taller - Increase resizable maxHeight from 70% to 80% to accommodate a phone-like aspect ratio in the preview panel
1 parent 9f6ddfc commit 6e8c6e9

File tree

2 files changed

+3
-3
lines changed

2 files changed

+3
-3
lines changed

src/example-preview/components/index.module.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -169,7 +169,7 @@
169169
}
170170
.code-wrap {
171171
flex: 1;
172-
min-height: 0;
172+
min-height: 120px;
173173
}
174174
.preview-wrap .qrcode {
175175
margin-top: 0;
@@ -211,7 +211,7 @@
211211
}
212212
.code-wrap {
213213
flex: 1;
214-
min-height: 0;
214+
min-height: 120px;
215215
}
216216
.preview-wrap .qrcode {
217217
margin-top: 0;

src/example-preview/components/resizable.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ export const ResizableContainer = ({
3333
width: '100%',
3434
}}
3535
minHeight={100}
36-
maxHeight="70%"
36+
maxHeight="80%"
3737
handleStyle={{
3838
top: {
3939
top: '-8px',

0 commit comments

Comments
 (0)