fix(Preview): Resolve SplashScreen rendering behind content (#187)

seek-oss · Sep 14, 2020 · 2b605a5 · 2b605a5
1 parent 43e518e
commit 2b605a5
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/Playroom/Preview.less b/src/Playroom/Preview.less
@@ -0,0 +1,4 @@
+.container {
+  position: relative;
+  z-index: -1;
+}
diff --git a/src/Playroom/Preview.tsx b/src/Playroom/Preview.tsx
@@ -5,6 +5,9 @@ import { useParams } from '../utils/params';
 import { compileJsx } from '../utils/compileJsx';
 import SplashScreen from './SplashScreen/SplashScreen';
 
+// @ts-ignore
+import styles from './Preview.less';
+
 // @ts-ignore
 import CatchErrors from './CatchErrors/CatchErrors';
 // @ts-ignore
@@ -47,7 +50,9 @@ export default ({ themes, components, FrameComponent }: PreviewProps) => {
         themeName={themeName || '__PLAYROOM__NO_THEME__'}
         theme={resolvedTheme}
       >
-        <RenderCode code={code} scope={components} />
+        <div className={styles.container}>
+          <RenderCode code={code} scope={components} />
+        </div>
         <SplashScreen />
       </FrameComponent>
     </CatchErrors>