diff --git a/packages/builder/assets/bb-space-man.svg b/packages/builder/assets/bb-space-man.svg new file mode 100644 index 0000000000..bb6eda2bf4 --- /dev/null +++ b/packages/builder/assets/bb-space-man.svg @@ -0,0 +1,290 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/builder/src/pages/builder/app/[application]/design/[assetType]/_layout.svelte b/packages/builder/src/pages/builder/app/[application]/design/[assetType]/_layout.svelte index dbed0e4cfb..5f020aed9a 100644 --- a/packages/builder/src/pages/builder/app/[application]/design/[assetType]/_layout.svelte +++ b/packages/builder/src/pages/builder/app/[application]/design/[assetType]/_layout.svelte @@ -5,7 +5,7 @@ selectedComponent, allScreens, } from "builderStore" - import { Detail, Layout, Button, Modal } from "@budibase/bbui" + import { Detail, Layout, Button, Modal, Icon } from "@budibase/bbui" import CurrentItemPreview from "components/design/AppPreview" import PropertiesPanel from "components/design/PropertiesPanel/PropertiesPanel.svelte" @@ -21,6 +21,7 @@ import NavigationSelectionModal from "components/design/NavigationPanel/NavigationSelectionModal.svelte" import ScreenNameModal from "components/design/NavigationPanel/ScreenNameModal.svelte" import NewScreenModal from "components/design/NavigationPanel/NewScreenModal.svelte" + import Logo from "assets/bb-space-man.svg" // Cache previous values so we don't update the URL more than necessary let previousType @@ -182,17 +183,17 @@
- - - - Let's add some life to this screen - +
+ Let's add some life to this screen +
+
@@ -236,7 +237,28 @@ flex: 1 1 auto; height: 0; } + .new-screen-text { + width: 160px; + text-align: center; + } + .new-screen-button { + margin-left: 5px; + height: 20px; + width: 100px; + display: flex; + align-items: center; + } + + .background-icon { + margin-top: 4px; + margin-right: 4px; + } + + .img-size { + width: 160px; + height: 160px; + } .ui-nav { grid-column: 1; background-color: var(--background); @@ -291,7 +313,7 @@ .centered { top: 0; bottom: 0; - left: 0; + left: 10%; right: 0; width: 100%; height: 100%;