Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-04-07 23:01:25 -05:00
Code Issues Activity

refactor(console): change sie preview size ()

Browse source
This commit is contained in:
Xiao Yijun 2023-03-17 13:01:07 +08:00 • committed by GitHub
parent 465936e6ce
commit 35caddfb0a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 4 deletions
packages/console/src/components/SignInExperiencePreview
index.module.scssscreen-size.module.scss

2
packages/console/src/components/SignInExperiencePreview/index.module.scss
View file

@ -34,7 +34,7 @@
.deviceWrapper {
overflow: hidden;
padding: _.unit(6) 0;
padding: _.unit(10) 0;
.device {

6
packages/console/src/components/SignInExperiencePreview/screen-size.module.scss
View file

@ -1,6 +1,6 @@
// Web
$web-iframe-width: 640px;
$web-iframe-height: 800px;
$web-iframe-width: 700px;
$web-iframe-height: 880px;
$web-width: 498px;
$web-height: calc($web-width * $web-iframe-height / $web-iframe-width);
@ -15,7 +15,7 @@ $web-to-wrapper-offset-y: calc($web-iframe-height * 0.5 * ($web-scale-y - 1));
$mobile-iframe-width: 390px;
$mobile-iframe-height: 844px;
$mobile-width: 320px;
$mobile-width: 260px;
$mobile-height: calc($mobile-width * $mobile-iframe-height / $mobile-iframe-width);
$mobile-scale-x: calc($mobile-width / $mobile-iframe-width);