chore(react): improve mobile styles

alibaba · Aug 7, 2021 · 57588ca · 57588ca
1 parent 028461f
commit 57588ca
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/packages/react/src/simulators/MobileSimulator/styles.less b/packages/react/src/simulators/MobileSimulator/styles.less
@@ -20,8 +20,10 @@
     display: flex;
     justify-content: center;
     height: 100%;
+
     &-content {
       background-color: var(--dn-mobile-simulator-body-bg-color);
+      border: 3px solid var(--dn-mobile-simulator-border-color)
     }
   }
-}
+}
diff --git a/packages/react/src/theme.less b/packages/react/src/theme.less
@@ -33,6 +33,7 @@
 
   --dn-mobile-simulator-bg-color: #eee;
   --dn-mobile-simulator-body-bg-color: #fff;
+  --dn-mobile-simulator-border-color: #222;
   --dn-responsive-simulator-bg-color: #fff;
   --dn-pc-simulator-bg-color: #fff;
 
@@ -139,6 +140,7 @@
 
   --dn-mobile-simulator-bg-color: #222;
   --dn-mobile-simulator-body-bg-color: #222;
+  --dn-mobile-simulator-border-color: #222;
   --dn-responsive-simulator-bg-color: #222;
   --dn-pc-simulator-bg-color: #222;