MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Split buttons into left and right sides

This commit is contained in:
Andrew Kingston 2022-04-07 15:32:46 +01:00
parent 2a5b81a40a
commit 7a2a7bfc87
1 changed files with 29 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
packages/builder/src/components/backend/DataTable/DataTable.svelte
View File

@ -138,30 +138,29 @@
<CreateViewButton disabled={!hasCols || !hasRows} /> <CreateViewButton disabled={!hasCols || !hasRows} />
{/if} {/if}
</div> </div>
<div class="right-buttons" /> <div class="right-buttons">
</div> <ManageAccessButton resourceId={$tables.selected?._id} />
{#if hasCols} {#if isUsersTable}
<ManageAccessButton resourceId={$tables.selected?._id} /> <EditRolesButton />
{#if isUsersTable} {/if}
<EditRolesButton /> {#if !isInternal}
{/if} <ExistingRelationshipButton
{#if !isInternal} table={$tables.selected}
<ExistingRelationshipButton on:updatecolumns={onUpdateColumns}
table={$tables.selected} />
on:updatecolumns={onUpdateColumns} {/if}
<HideAutocolumnButton bind:hideAutocolumns />
<!-- always have the export last -->
<ExportButton view={$tables.selected?._id} />
<ImportButton
tableId={$tables.selected?._id}
on:updaterows={onUpdateRows}
/> />
{/if} {#key id}
<HideAutocolumnButton bind:hideAutocolumns /> <TableFilterButton {schema} on:change={onFilter} />
<!-- always have the export last --> {/key}
<ExportButton view={$tables.selected?._id} /> </div>
<ImportButton </div>
tableId={$tables.selected?._id}
on:updaterows={onUpdateRows}
/>
{#key id}
<TableFilterButton {schema} on:change={onFilter} />
{/key}
{/if}
<div slot="placeholder"> <div slot="placeholder">
<Layout gap="S"> <Layout gap="S">
<Heading>Let's create some columns!</Heading> <Heading>Let's create some columns!</Heading>
@ -195,4 +194,11 @@
align-items: center; align-items: center;
margin-top: var(--spacing-xl); margin-top: var(--spacing-xl);
} }
.buttons {
flex: 1 1 auto;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
</style> </style>