Add translucent background to slot component

6 years ago · b2f4ba98f0
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"
 }