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

View File

@ -20,7 +20,7 @@
let selected = $isActive("./datasource") ? "External" : "Internal"
function selectFirstTableOrSource({ detail }) {
const { key } = tabs.find((t) => t.title === detail)
const { key } = tabs.find(t => t.title === detail)
if (key === "datasource") {
$goto("./datasource")
} else {
@ -54,8 +54,7 @@
</Tabs>
<div
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} />
</div>
</div>
@ -82,6 +81,10 @@
align-items: stretch;
gap: var(--spacing-l);
}
.content :global(> span) {
display: contents;
}
.tab-content-padding {
padding: 0 var(--spacing-xl);
}