github/lowcode-engine
1
0
Fork 0
mirror of https://github.com/alibaba/lowcode-engine.git synced 2026-01-13 01:21:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: 修复设备切换时设备尺寸超过页面bug;iphonex/6默认尺寸

Browse Source
This commit is contained in:
茵落 2021-04-15 17:31:03 +08:00
parent 3437b1b2c2
commit b7c187623d
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/designer/src/builtin-simulator/host.less
View File

@ -24,7 +24,11 @@
&-device-mobile {
left: 50%;
width: 378px;
width: 375px;
top: 16px;
bottom: 16px;
max-height: calc(100% - 32px);
max-width: calc(100% - 32px);
transform: translateX(-50%);
box-shadow: 0 2px 10px 0 rgba(31,56,88,.15);
}
@ -33,11 +37,11 @@
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 378px;
width: 375px;
height: 812px;
max-height: calc(100vh - 50px);
background: url(https://img.alicdn.com/tfs/TB1b4DHilFR4u4jSZFPXXanzFXa-750-1574.png) no-repeat top;
background-size: 378px 812px;
background-size: 375px 812px;
border-radius: 44px;
box-shadow: rgba(0, 0, 0, 0.1) 0 36px 42px;
.@{scope}-canvas-viewport {
@ -52,10 +56,10 @@
&-device-iphone6 {
left: 50%;
width: 378px;
width: 375px;
transform: translateX(-50%);
background: url(https://img.alicdn.com/tps/TB12GetLpXXXXXhXFXXXXXXXXXX-756-1544.png) no-repeat top;
background-size: 378px 772px;
background-size: 375px 772px;
top: 8px;
.@{scope}-canvas-viewport {
width: auto;