2 năm trước cách đây · 1464468c08
--- a/apps/app/src/styles/_editor.scss
+++ b/apps/app/src/styles/_editor.scss
@@ -26,6 +26,12 @@
 
				   /*****************
			
 
				    * Expand Editor
			
 
				    *****************/
			
 
				+  .dynamic-layout-root {
			
 
				+    // left: var.$grw-sidebar-nav-width;
			
 
				+    // width: calc(100vw - var.$grw-sidebar-nav-width);
			
 
				+    width: 100vw;
			
 
				+    height: 100vh;
			
 
				+  }
			
 
				   .grw-editor-navbar-bottom {
			
 
				     height: var.$grw-editor-navbar-bottom-height;
			
 
				 
			
--- a/packages/editor/index.html
+++ b/packages/editor/index.html
@@ -7,7 +7,7 @@
 
				     <title>Vite + React + TS</title>
			
 
				   </head>
			
 
				   <body>
			
 
				-    <div id="root" class="d-flex flex-column vw-100 vh-100"></div>
			
 
				+    <div id="root"></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
@@ -49,7 +49,7 @@ export const Playground = (): JSX.Element => {
 
				   }, [codeMirrorEditor]);
			
 
				 
			
 
				   return (
			
 
				-    <>
			
 
				+    <div className="d-flex flex-column vw-100 vh-100">
			
 
				       <div className="flex-expand-vert justify-content-center align-items-center bg-dark" style={{ minHeight: '83px' }}>
			
 
				         <div className="text-white">GrowiSubNavigation</div>
			
 
				       </div>
			
@@ -71,6 +71,6 @@ export const Playground = (): JSX.Element => {
 
				       <div className="flex-expand-vert justify-content-center align-items-center bg-dark" style={{ minHeight: '50px' }}>
			
 
				         <div className="text-white">EditorNavbarBottom</div>
			
 
				       </div>
			
 
				-    </>
			
 
				+    </div>
			
 
				   );
			
 
				 };