From d92589156c2b71dae4eb2005162b3b0ef7a74ec1 Mon Sep 17 00:00:00 2001 From: Andrew Kingston Date: Tue, 11 Jul 2023 14:14:00 +0100 Subject: [PATCH] Make new datasource page and new screen page consistent with each other --- .../builder/app/[application]/data/new.svelte | 22 +++++++------------ .../app/[application]/design/new.svelte | 8 +++---- 2 files changed, 12 insertions(+), 18 deletions(-) diff --git a/packages/builder/src/pages/builder/app/[application]/data/new.svelte b/packages/builder/src/pages/builder/app/[application]/data/new.svelte index c5090229b3..b2aca33c6a 100644 --- a/packages/builder/src/pages/builder/app/[application]/data/new.svelte +++ b/packages/builder/src/pages/builder/app/[application]/data/new.svelte @@ -7,7 +7,7 @@ } from "stores/backend" import { hasData } from "stores/selectors" - import { notifications, Body } from "@budibase/bbui" + import { notifications, Body, Icon, AbsTooltip } from "@budibase/bbui" import { params, goto } from "@roxi/routify" import CreateExternalDatasourceModal from "./_components/CreateExternalDatasourceModal/index.svelte" import CreateInternalTableModal from "./_components/CreateInternalTableModal.svelte" @@ -15,7 +15,6 @@ import IntegrationIcon from "components/backend/DatasourceNavigator/IntegrationIcon.svelte" import CreationPage from "components/common/CreationPage.svelte" import ICONS from "components/backend/DatasourceNavigator/icons/index.js" - import FontAwesomeIcon from "components/common/FontAwesomeIcon.svelte" let internalTableModal let externalDatasourceModal @@ -54,13 +53,9 @@ >
Get started with our Budibase DB - + + +
@@ -116,13 +111,12 @@ display: flex; align-items: center; margin-top: 12px; - margin-bottom: 24px; + margin-bottom: 36px; + gap: 8px; } - - .tooltip { - margin-left: 6px; + .subHeading :global(p) { + color: var(--spectrum-global-color-gray-600) !important; } - .options { width: 100%; display: grid; diff --git a/packages/builder/src/pages/builder/app/[application]/design/new.svelte b/packages/builder/src/pages/builder/app/[application]/design/new.svelte index 13eaaeaf7e..ab9c8eb91d 100644 --- a/packages/builder/src/pages/builder/app/[application]/design/new.svelte +++ b/packages/builder/src/pages/builder/app/[application]/design/new.svelte @@ -19,7 +19,7 @@ heading={hasScreens ? "Create new screen" : "Create your first screen"} >
- Start from scratch or create screens from your data + Start from scratch or create screens from your data
@@ -56,18 +56,18 @@ .subHeading :global(p) { text-align: center; margin-top: 12px; - margin-bottom: 24px; - color: var(--grey-6); + margin-bottom: 36px; + color: var(--spectrum-global-color-gray-600); } .cards { display: flex; flex-wrap: wrap; justify-content: center; + gap: 24px; } .card { - margin: 12px; max-width: 235px; transition: filter 150ms; }