fix: docs sanbox overflow

CoCreate-app · Jan 1, 2023 · ed94bbb · ed94bbb
1 parent 0de87ac
commit ed94bbb
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 13 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -64,14 +64,14 @@ <h4><span>codearea</span> <span class="cocreate-badge success">string</span> <sp
                     <h2 class="border-bottom:1px_solid_lightgrey padding:5px_0px">Demo</h2>
                     <div class="position:sticky top:0 padding:10px_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",
@@ -36,9 +34,7 @@
   },
   "author": "CoCreate LLC",
   "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/CoCreate-app/CoCreate-codearea/issues"
-  },
+  "bugs": { "url": "https://github.com/CoCreate-app/CoCreate-codearea/issues" },
   "homepage": "https://cocreate.app/docs/codearea",
   "funding": {
     "type": "GitHub Sponsors ❤",
@@ -60,10 +56,10 @@
     "webpack-log": "^3.0.1"
   },
   "dependencies": {
-    "@cocreate/docs": "^1.5.1",
-    "@cocreate/hosting": "^1.7.1",
-    "@cocreate/observer": "^1.5.51",
-    "@cocreate/prism": "^1.2.9",
-    "@cocreate/utils": "^1.17.12"
+    "@cocreate/docs": "^1.5.2",
+    "@cocreate/hosting": "^1.7.2",
+    "@cocreate/observer": "^1.5.52",
+    "@cocreate/prism": "^1.2.10",
+    "@cocreate/utils": "^1.17.13"
   }
 }