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

Hide empty spans inside routify routes to fix broken layouts

This commit is contained in:
Andrew Kingston 2021-04-28 14:23:37 +01:00
parent d793088c2a
commit e264277996
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/builder/src/pages/builder/[application]/data/_layout.svelte
View File

@ -20,7 +20,7 @@
let selected = $isActive("./datasource") ? "External" : "Internal" let selected = $isActive("./datasource") ? "External" : "Internal"
function selectFirstTableOrSource({ detail }) { function selectFirstTableOrSource({ detail }) {
const { key } = tabs.find((t) => t.title === detail) const { key } = tabs.find(t => t.title === detail)
if (key === "datasource") { if (key === "datasource") {
$goto("./datasource") $goto("./datasource")
} else { } else {
@ -54,8 +54,7 @@
</Tabs> </Tabs>
<div <div
class="add-button" class="add-button"
data-cy={`new-${selected === "External" ? "datasource" : "tabel"}`} data-cy={`new-${selected === 'External' ? 'datasource' : 'tabel'}`}>
>
<Icon hoverable name="AddCircle" on:click={modal.show} /> <Icon hoverable name="AddCircle" on:click={modal.show} />
</div> </div>
</div> </div>
@ -82,6 +81,10 @@
align-items: stretch; align-items: stretch;
gap: var(--spacing-l); gap: var(--spacing-l);
} }
.content :global(> span) {
display: contents;
}
.tab-content-padding { .tab-content-padding {
padding: 0 var(--spacing-xl); padding: 0 var(--spacing-xl);
} }