Update and standardise page headers and subtitles, and remove side nav titles

This commit is contained in:
Andrew Kingston 2022-12-14 12:27:05 +00:00
parent 97e36ed7a9
commit 6091d00f93
11 changed files with 15 additions and 30 deletions

View File

@ -11,11 +11,8 @@
<div class="banner-container" /> <div class="banner-container" />
<BannerDisplay /> <BannerDisplay />
<NotificationDisplay /> <NotificationDisplay />
<LicensingOverlays /> <LicensingOverlays />
<Router {routes} config={{ queryHandler }} /> <Router {routes} config={{ queryHandler }} />
<div class="modal-container" /> <div class="modal-container" />
<HelpIcon /> <HelpIcon />

View File

@ -218,7 +218,6 @@
} }
label { label {
font-family: var(--font-sans);
cursor: pointer; cursor: pointer;
font-weight: 600; font-weight: 600;
box-sizing: border-box; box-sizing: border-box;

View File

@ -50,7 +50,7 @@
<Content> <Content>
<div slot="side-nav"> <div slot="side-nav">
<SideNav title="Templates"> <SideNav>
<SideNavItem <SideNavItem
on:click={() => (selectedCategory = null)} on:click={() => (selectedCategory = null)}
text="All" text="All"

View File

@ -47,7 +47,7 @@
<Layout noPadding> <Layout noPadding>
<Layout gap="XS" noPadding> <Layout gap="XS" noPadding>
<Heading size="M">Plugins</Heading> <Heading size="M">Plugins</Heading>
<Body>Add your own custom datasources and components.</Body> <Body>Add your own custom datasources and components</Body>
</Layout> </Layout>
<Divider /> <Divider />
<Layout noPadding> <Layout noPadding>

View File

@ -7,7 +7,7 @@
<Page narrow> <Page narrow>
<Content> <Content>
<div slot="side-nav"> <div slot="side-nav">
<SideNav title="Settings"> <SideNav>
<SideNavItem <SideNavItem
text="API Key" text="API Key"
url={$url("./api")} url={$url("./api")}

View File

@ -316,11 +316,7 @@
<Layout noPadding> <Layout noPadding>
<Layout gap="XS" noPadding> <Layout gap="XS" noPadding>
<Heading size="M">Authentication</Heading> <Heading size="M">Authentication</Heading>
<Body> <Body>Add additional authentication methods from the options below</Body>
Every budibase app comes with basic authentication (email/password)
included. You can add additional authentication methods from the options
below.
</Body>
</Layout> </Layout>
{#if providers.google} {#if providers.google}
<Divider /> <Divider />

View File

@ -182,18 +182,14 @@
<Layout noPadding gap="XS"> <Layout noPadding gap="XS">
<Heading>Usage</Heading> <Heading>Usage</Heading>
<Body> <Body>
<div>Get information about your current usage within Budibase.</div> <div>Get information about your current usage within Budibase</div>
{#if accountPortalAccess}
<div>
To upgrade your plan and usage limits visit your <Link
on:click={goToAccountPortal}
size="L">Account</Link
>
</div>
{/if}
</Body> </Body>
</Layout> </Layout>
<Divider /> <Divider />
<Body>
To upgrade your plan and usage limits visit your
<Link size="L" on:click={goToAccountPortal}>account</Link>.
</Body>
<DashCard <DashCard
description="YOUR CURRENT PLAN" description="YOUR CURRENT PLAN"
title={planTitle()} title={planTitle()}

View File

@ -10,7 +10,7 @@
<Page> <Page>
<Content {narrow}> <Content {narrow}>
<div slot="side-nav"> <div slot="side-nav">
<SideNav title="Users"> <SideNav>
<SideNavItem <SideNavItem
text="Users" text="Users"
url={$url("./users")} url={$url("./users")}

View File

@ -98,14 +98,12 @@
</Tags> </Tags>
{/if} {/if}
</div> </div>
<Body> <Body>Easily assign and manage your users' access with groups</Body>
Easily assign and manage your users' access with groups.
{#if !$auth.accountPortalAccess && !$licensing.groupsEnabled && $admin.cloud}
Contact your account holder to upgrade your plan.
{/if}
</Body>
</Layout> </Layout>
<Divider /> <Divider />
{#if !$auth.accountPortalAccess && !$licensing.groupsEnabled && $admin.cloud}
<Body>Contact your account holder to upgrade your plan.</Body>
{/if}
<div class="controls"> <div class="controls">
<ButtonGroup> <ButtonGroup>
{#if $licensing.groupsEnabled} {#if $licensing.groupsEnabled}

View File

@ -117,7 +117,6 @@
} }
label { label {
font-family: var(--font-sans);
font-weight: 600; font-weight: 600;
box-sizing: border-box; box-sizing: border-box;
overflow: hidden; overflow: hidden;

View File

@ -214,7 +214,7 @@
<Layout noPadding gap="M"> <Layout noPadding gap="M">
<Layout gap="XS" noPadding> <Layout gap="XS" noPadding>
<Heading>Users</Heading> <Heading>Users</Heading>
<Body>Add users and control who gets access to your published apps.</Body> <Body>Add users and control who gets access to your published apps</Body>
</Layout> </Layout>
<Divider /> <Divider />
<div class="controls"> <div class="controls">