From facba1e1a2577acafbb093a97325ee2773592730 Mon Sep 17 00:00:00 2001
From: Pieter Vander Vennet <pietervdvn@posteo.net>
Date: Wed, 4 Sep 2024 02:48:36 +0200
Subject: [PATCH] UI: hide header bar when appropriate

---
 src/UI/Base/Popup.svelte | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/UI/Base/Popup.svelte b/src/UI/Base/Popup.svelte
index d433b8702e..02b743905b 100644
--- a/src/UI/Base/Popup.svelte
+++ b/src/UI/Base/Popup.svelte
@@ -21,7 +21,9 @@
   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"
-
+  if (!$$slots.header) {
+    headerClass = "hidden"
+  }
   export let shown: UIEventSource<boolean>
   let _shown = false
   shown.addCallbackAndRun(sh => {
@@ -34,12 +36,17 @@
 
 <Modal open={_shown} on:close={() => shown.set(false)} outsideclose
        size="xl"
-       dismissable={false}P
+       dismissable={false}
        {defaultClass} {bodyClass} {dialogClass} {headerClass}
        color="none">
-  <h1 slot="header" class="page-header w-full">
-    <slot name="header" />
-  </h1>
+
+  <svelte:fragment slot="header">
+    {#if $$slots.header}
+      <h1 class="page-header w-full">
+        <slot name="header" />
+      </h1>
+    {/if}
+  </svelte:fragment>
   <slot />
   {#if $$slots.footer}
     <slot name="footer" />