nicer screen placeholder in preview

packages/builder/src/components/userInterface/AppPreview/CurrentItemPreview.svelte

@@ -25,38 +25,69 @@
     name: "Screen Placeholder",
     route: "*",
     props: {
-      _component: "@budibase/standard-components/container",
+      "_id": "49c3d0a2-7028-46f0-b004-7eddf62ad01c",
-      type: "div",
+      "_component": "@budibase/standard-components/container",
-      _children: [
+      "_styles": {
+        "normal": {
+          "padding": "0px",
+          "font-family": "Roboto",
+          "border-width": "0",
+          "border-style": "None",
+          "text-align": "center"
+        },
+        "hover": {},
+        "active": {},
+        "selected": {}
+      },
+      "_code": "",
+      "className": "",
+      "onLoad": [],
+      "type": "div",
+      "_children": [
         {
-          _component: "@budibase/standard-components/container",
+          "_id": "335428f7-f9ca-4acd-9e76-71bc8ad27324",
-          _styles: { normal: {}, hover: {}, active: {}, selected: {} },
+          "_component": "@budibase/standard-components/container",
-          _id: "__screenslot__text",
+          "_styles": {
-          _code: "",
+            "normal": {
-          className: "",
+              "padding": "16px",
-          onLoad: [],
+              "border-style": "Dashed",
-          type: "div",
+              "border-width": "2px",
-          _children: [
+              "border-color": "#8a8989fa"
+            },
+            "hover": {},
+            "active": {},
+            "selected": {}
+          },
+          "_code": "",
+          "className": "",
+          "onLoad": [],
+          "type": "div",
+          "_instanceId": "inst_b3b4e95_ab0df02dda3f4d8eb4b35eea2968bad3",
+          "_instanceName": "Container",
+          "_children": [
             {
-              _component: "@budibase/standard-components/text",
+              "_id": "ddb6a225-33ba-4ba8-91da-bc6a2697ebf9",
-              _styles: {
+              "_component": "@budibase/standard-components/heading",
-                normal: {},
+              "_styles": {
-                hover: {},
+                "normal": {
-                active: {},
+                  "font-family": "Roboto"
-                selected: {},
+                },
+                "hover": {},
+                "active": {},
+                "selected": {}
               },
-              _id: "__screenslot__text_2",
+              "_code": "",
-              _code: "",
+              "className": "",
-              text: "content",
+              "text": "Your screens go here",
-              font: "",
+              "type": "h1",
-              color: "",
+              "_instanceId": "inst_b3b4e95_ab0df02dda3f4d8eb4b35eea2968bad3",
-              textAlign: "inline",
+              "_instanceName": "Heading",
-              verticalAlign: "inline",
+              "_children": []
-              formattingTag: "none",
+            }
-            },
+          ]
-          ],
+        }
-        },
       ],
+      "_instanceName": "Content Placeholder"
     },
   }