From b024f68cb9a92ce6200be59e4b7a8cb35f80f59c Mon Sep 17 00:00:00 2001
From: Xiao Yijun <xiaoyijun@silverhand.io>
Date: Thu, 24 Nov 2022 17:46:49 +0800
Subject: [PATCH] style(console): preview (#2523)

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

diff --git a/packages/console/src/pages/SignInExperience/components/Preview/index.module.scss b/packages/console/src/pages/SignInExperience/components/Preview/index.module.scss
index bb295953c..d5c0c58ea 100644
--- a/packages/console/src/pages/SignInExperience/components/Preview/index.module.scss
+++ b/packages/console/src/pages/SignInExperience/components/Preview/index.module.scss
@@ -2,10 +2,11 @@
 
 .preview {
   width: 480px;
-  padding: 0;
   overflow: hidden;
   display: flex;
   flex-direction: column;
+  background: var(--color-layer-1);
+  border-radius: _.unit(4);
 
   .header {
     display: flex;
diff --git a/packages/console/src/pages/SignInExperience/components/Preview/index.tsx b/packages/console/src/pages/SignInExperience/components/Preview/index.tsx
index 68807519c..c5123fd7a 100644
--- a/packages/console/src/pages/SignInExperience/components/Preview/index.tsx
+++ b/packages/console/src/pages/SignInExperience/components/Preview/index.tsx
@@ -10,7 +10,6 @@ import { useTranslation } from 'react-i18next';
 import useSWR from 'swr';
 
 import PhoneInfo from '@/assets/images/phone-info.svg';
-import Card from '@/components/Card';
 import Select from '@/components/Select';
 import TabNav, { TabNavItem } from '@/components/TabNav';
 import type { RequestError } from '@/hooks/use-api';
@@ -142,7 +141,7 @@ const Preview = ({ signInExperience, className }: Props) => {
   }, [postPreviewMessage]);
 
   return (
-    <Card className={classNames(styles.preview, className)}>
+    <div className={classNames(styles.preview, className)}>
       <div className={styles.header}>
         <div className={styles.title}>{t('sign_in_exp.preview.title')}</div>
         <div className={styles.selects}>
@@ -222,7 +221,7 @@ const Preview = ({ signInExperience, className }: Props) => {
           </div>
         </div>
       </div>
-    </Card>
+    </div>
   );
 };