2 лет назад · dcafcf3c56
--- a/packages/editor/index.html
+++ b/packages/editor/index.html
@@ -7,7 +7,7 @@
 
				     <title>Vite + React + TS</title>
			
 
				   </head>
			
 
				   <body>
			
 
				-    <div id="root"></div>
			
 
				+    <div id="root" class="d-flex flex-column vw-100 vh-100"></div>
			
 
				     <script type="module" src="/src/main.tsx"></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/packages/editor/src/components/playground/Playground.tsx
+++ b/packages/editor/src/components/playground/Playground.tsx
@@ -18,6 +18,21 @@ export const Playground = (): JSX.Element => {
 
				   }, [setContainer]);
			
 
				 
			
 
				   return (
			
 
				-    <CodeMirrorEditorContainer ref={containerRef} />
			
 
				+    <>
			
 
				+      <div className="flex-grow-1 d-flex flex-column justify-content-center align-items-center bg-dark" style={{ minHeight: '83px' }}>
			
 
				+        <div className="text-white">GrowiSubnavigation</div>
			
 
				+      </div>
			
 
				+      <div className="flex-grow-1 d-flex overflow-auto">
			
 
				+        <div className="flex-grow-1 d-flex flex-column">
			
 
				+          <CodeMirrorEditorContainer ref={containerRef} />
			
 
				+        </div>
			
 
				+        <div className="flex-grow-1 d-flex flex-column justify-content-center align-items-center bg-light border-left border-dark-subtle">
			
 
				+          <p>PREVIEW</p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div className="flex-grow-1 d-flex flex-column justify-content-center align-items-center bg-dark" style={{ minHeight: '50px' }}>
			
 
				+        <div className="text-white">EditorNavbarBottom</div>
			
 
				+      </div>
			
 
				+    </>
			
 
				   );
			
 
				 };
			
--- a/packages/editor/src/main.scss
+++ b/packages/editor/src/main.scss
@@ -1,8 +1 @@
 
				-body {
			
 
				-  min-height: 100vh;
			
 
				-  margin: 0;
			
 
				-}
			
 
				-
			
 
				-#root {
			
 
				-  min-height: 100vh;
			
 
				-}
			
 
				+@import 'bootstrap';
			
--- a/packages/editor/vite.config.ts
+++ b/packages/editor/vite.config.ts
@@ -9,6 +9,7 @@ import dts from 'vite-plugin-dts';
 
				 
			
 
				 const excludeFiles = [
			
 
				   '**/@types/*',
			
 
				+  '**/components/playground/*',
			
 
				   '**/main.tsx',
			
 
				   '**/vite-env.d.ts',
			
 
				 ];