fix: docs sanbox overflow

CoCreate-app · Jan 1, 2023 · 01e6b7b · 01e6b7b
1 parent ebb115b
commit 01e6b7b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -97,14 +97,14 @@ <h2 class="padding:5px_0px">Demo</h2>
                     </div>
                     <div class="position:sticky top:0 padding:15px_0px height:100vh">
                         <!-- SandBox -->
-                        <div class="position:relative overflow:hidden card border-radius:2px width:auto height:600px margin-top:20px" id="playground">
+                        <div class="display:flex flex-direction:column position:relative overflow:hidden card border-radius:2px width:auto height:600px margin-top:20px" id="playground">
 
                             <div id="demo-code" resizable class="position:relative height:50%">
                                 <textarea type="code" lang="html" collection="demos" document_id="" name="demo" save="false" id="demo" class="height:100% width:100% outline:none border:none resize:none padding:5px"></textarea>
                                 <div resize="bottom" class="background:lightgrey"></div>
                             </div>
 
-                            <div id="demo-preview" class="position:relative display:flex height:100% background-color:white">
+                            <div id="demo-preview" class="position:relative overflow:auto background-color:white">
                                 <div get-value="#demo" class="padding:20px"></div>
                             </div>
 

diff --git a/package.json b/package.json
@@ -20,9 +20,7 @@
     "html5-framework",
     "javascript-framework"
   ],
-  "publishConfig": {
-    "access": "public"
-  },
+  "publishConfig": { "access": "public" },
   "scripts": {
     "start": "npx webpack --config webpack.config.js",
     "build": "NODE_ENV=production npx webpack --config webpack.config.js",
@@ -59,7 +57,7 @@
     "webpack-log": "^3.0.1"
   },
   "dependencies": {
-    "@cocreate/docs": "^1.5.1",
+    "@cocreate/docs": "^1.5.2",
     "@googlemaps/js-api-loader": "^1.12.8"
   }
 }