Browse Source

Simplified modal header construction

master
Dean 5 years ago
parent
commit
5b4535feca
  1. 24
      packages/bbui/src/Modal/ModalContent.svelte

24
packages/bbui/src/Modal/ModalContent.svelte

@ -65,23 +65,17 @@
aria-modal="true" aria-modal="true"
> >
<div class="spectrum-Dialog-grid"> <div class="spectrum-Dialog-grid">
{#if title} <h1
<h1 class="spectrum-Dialog-heading spectrum-Dialog-heading--noHeader"
class="spectrum-Dialog-heading spectrum-Dialog-heading--noHeader" class:noDivider={!showDivider}
class:noDivider={!showDivider} class:header-spacing={$$slots.header}
class:header-spacing={$$slots.header} >
> {#if title}
{title} {title}
</h1> {:else if $$slots.header}
{:else if $$slots.header}
<h1
class="spectrum-Dialog-heading spectrum-Dialog-heading--noHeader"
class:noDivider={!showDivider}
class:header-spacing={$$slots.header}
>
<slot name="header" /> <slot name="header" />
</h1> {/if}
{/if} </h1>
{#if showDivider && (title || $$slots.header)} {#if showDivider && (title || $$slots.header)}
<Divider size="M" /> <Divider size="M" />
{/if} {/if}

Loading…
Cancel
Save