From f5cc72fcbe67b83a690728dc77c9eb09d7ed189f Mon Sep 17 00:00:00 2001
From: Wang Sijie <wangsijie@silverhand.io>
Date: Wed, 29 Jun 2022 15:11:11 +0800
Subject: [PATCH] style(console): sie guide max width (#1291)

* style(console): sie guide max width

* refactor: use mixin
---
 .../console/src/components/AppContent/index.module.scss     | 4 +---
 .../SignInExperience/components/GuideModal.module.scss      | 1 +
 packages/console/src/scss/_underscore.scss                  | 6 ++++++
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/packages/console/src/components/AppContent/index.module.scss b/packages/console/src/components/AppContent/index.module.scss
index 15fb9d912..beb2790ae 100644
--- a/packages/console/src/components/AppContent/index.module.scss
+++ b/packages/console/src/components/AppContent/index.module.scss
@@ -21,8 +21,6 @@
   overflow-y: auto;
 
   > * {
-    max-width: 1168px;
-    min-width: 604px;
-    margin: 0 auto;
+    @include _.main-content-width;
   }
 }
diff --git a/packages/console/src/pages/SignInExperience/components/GuideModal.module.scss b/packages/console/src/pages/SignInExperience/components/GuideModal.module.scss
index a74150ee1..629e1c019 100644
--- a/packages/console/src/pages/SignInExperience/components/GuideModal.module.scss
+++ b/packages/console/src/pages/SignInExperience/components/GuideModal.module.scss
@@ -42,6 +42,7 @@
   .main {
     display: flex;
     align-items: flex-start;
+    @include _.main-content-width;
 
     .form {
       flex: 1;
diff --git a/packages/console/src/scss/_underscore.scss b/packages/console/src/scss/_underscore.scss
index d6d12287b..bab3c09e2 100644
--- a/packages/console/src/scss/_underscore.scss
+++ b/packages/console/src/scss/_underscore.scss
@@ -4,6 +4,12 @@
   @return #{$factor * 4}px;
 }
 
+@mixin main-content-width {
+  max-width: 1168px;
+  min-width: 604px;
+  margin: 0 auto;
+}
+
 @mixin flex-column {
   display: flex;
   flex-direction: column;