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',
														
 
															 ];