midgard/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

UI: hide header bar when appropriate

Browse source
This commit is contained in:
Pieter Vander Vennet 2024-09-04 02:48:36 +02:00
parent 76a9a2ee23
commit facba1e1a2
1 changed files with 12 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/UI/Base/Popup.svelte
View file

@ -21,7 +21,9 @@
let bodyClass = bodyPadding + " h-full space-y-4 flex-1 overflow-y-auto overscroll-contain" let bodyClass = bodyPadding + " h-full space-y-4 flex-1 overflow-y-auto overscroll-contain"
let headerClass = "flex justify-between items-center p-2 px-4 md:px-5 rounded-t-lg" let headerClass = "flex justify-between items-center p-2 px-4 md:px-5 rounded-t-lg"
if (!$$slots.header) {
headerClass = "hidden"
}
export let shown: UIEventSource<boolean> export let shown: UIEventSource<boolean>
let _shown = false let _shown = false
shown.addCallbackAndRun(sh => { shown.addCallbackAndRun(sh => {
@ -34,12 +36,17 @@
<Modal open={_shown} on:close={() => shown.set(false)} outsideclose <Modal open={_shown} on:close={() => shown.set(false)} outsideclose
size="xl" size="xl"
dismissable={false}P dismissable={false}
{defaultClass} {bodyClass} {dialogClass} {headerClass} {defaultClass} {bodyClass} {dialogClass} {headerClass}
color="none"> color="none">
<h1 slot="header" class="page-header w-full">
<slot name="header" /> <svelte:fragment slot="header">
</h1> {#if $$slots.header}
<h1 class="page-header w-full">
<slot name="header" />
</h1>
{/if}
</svelte:fragment>
<slot /> <slot />
{#if $$slots.footer} {#if $$slots.footer}
<slot name="footer" /> <slot name="footer" />