CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-07-14 18:55:45 +12:00
Code Issues Projects Releases Wiki Activity

Update panel headings to match new designs

Browse source
This commit is contained in:
Andrew Kingston 2023-08-22 16:29:40 +01:00
parent 96e67c680b
commit 0ea81f98d6
1 changed files with 4 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
packages/builder/src/components/design/Panel.svelte
View file

@ -1,5 +1,5 @@
<script>
import { Icon, Heading } from "@budibase/bbui"
import { Icon, Heading, Body } from "@budibase/bbui"
export let title
export let icon
@ -25,7 +25,7 @@
<Icon name={icon} />
{/if}
<div class="title">
<Heading size="XXS">{title || ""}</Heading>
<Body size="S">{title}</Body>
</div>
{#if showAddButton}
<div class="add-button" on:click={onClickAddButton}>
@ -78,15 +78,14 @@
align-items: center;
padding: 0 var(--spacing-l);
border-bottom: var(--border-light);
gap: var(--spacing-l);
gap: var(--spacing-m);
}
.title {
flex: 1 1 auto;
width: 0;
}
.title :global(h1) {
.title :global(p) {
overflow: hidden;
font-weight: 600;
text-overflow: ellipsis;
white-space: nowrap;
}