From d77e34d43c6effb21ce0b860cb2c7d983285af1f Mon Sep 17 00:00:00 2001
From: Charles Zhao <charleszhao@silverhand.io>
Date: Mon, 16 May 2022 18:52:21 +0800
Subject: [PATCH] style(console): add min & max widths to center stage page
 contents

---
 .../src/components/AppContent/index.module.scss    | 14 ++++++++++----
 .../src/components/Drawer/index.module.scss        |  2 +-
 .../src/pages/SignInExperience/index.module.scss   |  1 +
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/packages/console/src/components/AppContent/index.module.scss b/packages/console/src/components/AppContent/index.module.scss
index bcff9ef50..e0d49aa68 100644
--- a/packages/console/src/components/AppContent/index.module.scss
+++ b/packages/console/src/components/AppContent/index.module.scss
@@ -12,10 +12,16 @@
   display: flex;
   margin-bottom: _.unit(6);
   overflow: hidden;
+}
 
-  .main {
-    flex-grow: 1;
-    padding-right: _.unit(6);
-    overflow-y: auto;
+.main {
+  flex-grow: 1;
+  padding-right: _.unit(6);
+  overflow-y: auto;
+
+  > * {
+    max-width: 1168px;
+    min-width: 604px;
+    margin: 0 auto;
   }
 }
diff --git a/packages/console/src/components/Drawer/index.module.scss b/packages/console/src/components/Drawer/index.module.scss
index a59a76ea3..255bac87f 100644
--- a/packages/console/src/components/Drawer/index.module.scss
+++ b/packages/console/src/components/Drawer/index.module.scss
@@ -2,10 +2,10 @@
 
 .content {
   position: absolute;
-  left: 50%;
   top: 0;
   right: 0;
   bottom: 0;
+  width: 700px;
   outline: none;
   background: var(--color-layer-1);
   padding: _.unit(6);
diff --git a/packages/console/src/pages/SignInExperience/index.module.scss b/packages/console/src/pages/SignInExperience/index.module.scss
index a09d69676..42e27fcdc 100644
--- a/packages/console/src/pages/SignInExperience/index.module.scss
+++ b/packages/console/src/pages/SignInExperience/index.module.scss
@@ -3,6 +3,7 @@
 .wrapper {
   display: flex;
   height: 100%;
+  min-width: 950px;
 
   .setup {
     flex: 1;