diff --git a/packages/designer/src/builtin-simulator/host.less b/packages/designer/src/builtin-simulator/host.less index 3b110e3db..669a40f6d 100644 --- a/packages/designer/src/builtin-simulator/host.less +++ b/packages/designer/src/builtin-simulator/host.less @@ -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; diff --git a/packages/rax-simulator-renderer/src/renderer.less b/packages/rax-simulator-renderer/src/renderer.less index abc72bd4d..b71dde989 100644 --- a/packages/rax-simulator-renderer/src/renderer.less +++ b/packages/rax-simulator-renderer/src/renderer.less @@ -18,13 +18,7 @@ html.engine-cursor-ew-resize, html.engine-cursor-ew-resize * { } ::-webkit-scrollbar { - width: 5px; - height: 5px; -} - -::-webkit-scrollbar-thumb { - background-color: rgba(0, 0, 0, 0.3); - border-radius: 5px; + display: none; } .lc-container {