Added the app creation buttons back into the header of the page. Previously removed by mistake

This commit is contained in:
Dean 2022-05-09 16:31:17 +01:00
parent 9c3d5a73fd
commit 4fa1d399b5
1 changed files with 27 additions and 1 deletions

View File

@ -301,7 +301,7 @@
</script> </script>
<Page wide> <Page wide>
<Layout noPadding gap="XL"> <Layout noPadding gap="M">
{#if loaded} {#if loaded}
<div class="title"> <div class="title">
<div class="welcome"> <div class="welcome">
@ -311,6 +311,29 @@
{welcomeBody} {welcomeBody}
</Body> </Body>
</Layout> </Layout>
{#if !$apps?.length}
<div class="buttons">
<Button
dataCy="create-app-btn"
size="M"
icon="Add"
cta
on:click={initiateAppCreation}
>
{createAppButtonText}
</Button>
<Button
dataCy="import-app-btn"
icon="Import"
size="L"
quiet
secondary
on:click={initiateAppImport}
>
Import app
</Button>
</div>
{/if}
</div> </div>
</div> </div>
@ -466,6 +489,9 @@
.app-actions :global(> button) { .app-actions :global(> button) {
margin-right: 10px; margin-right: 10px;
} }
.title .welcome > .buttons {
padding-top: var(--spacing-l);
}
.title { .title {
display: flex; display: flex;
flex-direction: row; flex-direction: row;