Add translucent background to slot component

6 years ago · b0171c1a9f
2 changed files with 1 additions and 42 deletions
--- a/packages/builder/src/components/userInterface/AppPreview/iframeTemplate.js
+++ b/packages/builder/src/components/userInterface/AppPreview/iframeTemplate.js
@ -20,7 +20,7 @@ export default `<html>
        border-style: dashed !important;
        border-width: 1px;
        color: #000000;
-        background: #fafafa;
+        background-color: rgba(0, 0, 0, 0.05);
        flex: 1 1 auto;
      }
      .container-screenslot-placeholder span {
--- a/packages/server/src/utilities/appDirectoryTemplate/pages/main/screens/f684460e-1f79-42b4-8ffd-1f708bca93ed.json
+++ b/packages/server/src/utilities/appDirectoryTemplate/pages/main/screens/f684460e-1f79-42b4-8ffd-1f708bca93ed.json
@ -1,41 +0,0 @@
-{
-  "description": "",
-  "url": "",
-  "_css": "",
-  "props": {
-    "_id": "f684460e-1f79-42b4-8ffd-1f708bca93ed",
-    "_component": "@budibase/standard-components/container",
-    "_styles": {
-      "normal": {},
-      "hover": {},
-      "active": {},
-      "selected": {}
-    },
-    "_code": "",
-    "className": "",
-    "onLoad": [],
-    "type": "div",
-    "_children": [
-      {
-        "_id": "7d1d6b43-b444-46a5-a75c-267fd6b5baf6",
-        "_component": "@budibase/standard-components/heading",
-        "_styles": {
-          "normal": {},
-          "hover": {},
-          "active": {},
-          "selected": {}
-        },
-        "_code": "",
-        "className": "",
-        "text": "Screen1",
-        "type": "h1",
-        "_instanceId": "inst_cf8ace4_69efc0d72e6f443db2d4c902c14d9394",
-        "_instanceName": "Heading",
-        "_children": []
-      }
-    ],
-    "_instanceName": "Screen 1"
-  },
-  "route": "/screen1",
-  "name": "f684460e-1f79-42b4-8ffd-1f708bca93ed"
-}