Files
windmill/frontend/src/lib/components/PageHeader.svelte
T
Ádám Kovács 26ffebd941 feat(frontend): Typography update (#725)
* feat(frontend): Add new font face

* feat(frontend): Typography update

* fix(frontend): Import Inter font

* fix(frontend): Font fixes

* fix(front): Fix spacing and font inconsistencies

* fix(frontend): Visual changes and fixes

* fix(frontend): Minor visual fixes

* fix(frontend): Remove comment
2022-10-13 14:04:26 +02:00

32 lines
654 B
Svelte

<script lang="ts">
import Tooltip from './Tooltip.svelte'
export let title: string
export let tooltip: string = ''
export let primary: boolean = true
</script>
<div class="flex flex-col sm:flex-row justify-between mt-4 mb-2 min-h-[48px]">
{#if primary}
<span class="flex items-center space-x-2">
<h1 class="mr-0.5">{title}</h1>
{#if tooltip}
<Tooltip>{tooltip}</Tooltip>
{/if}
</span>
{:else}
<span class="flex items-center space-x-2">
<h2 class="mr-0.5">{title}</h2>
{#if tooltip}
<Tooltip>{tooltip}</Tooltip>
{/if}
</span>
{/if}
{#if $$slots.default}
<div class="my-2">
<slot />
</div>
{/if}
</div>