From bf0f3e133e5f56db4594086bc39b52ea813ada74 Mon Sep 17 00:00:00 2001
From: Xiao Yijun <xiaoyijun@silverhand.io>
Date: Thu, 15 Jun 2023 15:55:54 +0800
Subject: [PATCH] style(console): update min-width of the sie page (#4042)

---
 .../console/src/pages/SignInExperience/index.module.scss | 4 ++--
 .../components/SignInMethodEditBox/SignInMethodItem.tsx  | 2 --
 .../components/SignInMethodEditBox/index.module.scss     | 9 +++------
 3 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/packages/console/src/pages/SignInExperience/index.module.scss b/packages/console/src/pages/SignInExperience/index.module.scss
index e6c4d81b2..721c7e7fd 100644
--- a/packages/console/src/pages/SignInExperience/index.module.scss
+++ b/packages/console/src/pages/SignInExperience/index.module.scss
@@ -33,11 +33,11 @@
 
       > * {
         flex: 1;
-        min-width: 540px;
+        min-width: 510px;
       }
 
       .form {
-        margin-right: _.unit(6);
+        margin-right: _.unit(3);
       }
 
       .preview {
diff --git a/packages/console/src/pages/SignInExperience/tabs/SignUpAndSignIn/components/SignInMethodEditBox/SignInMethodItem.tsx b/packages/console/src/pages/SignInExperience/tabs/SignUpAndSignIn/components/SignInMethodEditBox/SignInMethodItem.tsx
index 9e68dcd9a..0d94eabe4 100644
--- a/packages/console/src/pages/SignInExperience/tabs/SignUpAndSignIn/components/SignInMethodEditBox/SignInMethodItem.tsx
+++ b/packages/console/src/pages/SignInExperience/tabs/SignUpAndSignIn/components/SignInMethodEditBox/SignInMethodItem.tsx
@@ -62,7 +62,6 @@ function SignInMethodItem({
             )}
           >
             <Checkbox
-              className={styles.checkBox}
               label={t('sign_in_exp.sign_up_and_sign_in.sign_in.password_auth')}
               checked={password}
               disabled={!isPasswordCheckable}
@@ -84,7 +83,6 @@ function SignInMethodItem({
                   </IconButton>
                 </Tooltip>
                 <Checkbox
-                  className={styles.checkBox}
                   label={t('sign_in_exp.sign_up_and_sign_in.sign_in.verification_code_auth')}
                   checked={verificationCode}
                   disabled={!isVerificationCodeCheckable}
diff --git a/packages/console/src/pages/SignInExperience/tabs/SignUpAndSignIn/components/SignInMethodEditBox/index.module.scss b/packages/console/src/pages/SignInExperience/tabs/SignUpAndSignIn/components/SignInMethodEditBox/index.module.scss
index ac59b4043..05ce5ad8d 100644
--- a/packages/console/src/pages/SignInExperience/tabs/SignUpAndSignIn/components/SignInMethodEditBox/index.module.scss
+++ b/packages/console/src/pages/SignInExperience/tabs/SignUpAndSignIn/components/SignInMethodEditBox/index.module.scss
@@ -40,13 +40,10 @@
     padding: 0 _.unit(2);
     flex-grow: 1;
 
-    .checkBox {
-      flex-grow: 1;
-      width: 100%;
-    }
-
     .swapButton {
-      margin: 0 _.unit(4);
+      flex-grow: 1;
+      display: flex;
+      justify-content: center;
     }
 
     &.verifyCodePrimary {