Adjusting the spacing in Slack notification section (#4549)

rilldata · Apr 9, 2024 · cdb7216 · cdb7216 · github-actions · Apr 9, 2024
1 parent 8875a6c
commit cdb7216
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 9 deletions.
diff --git a/web-common/src/components/forms/FormSection.svelte b/web-common/src/components/forms/FormSection.svelte
@@ -30,7 +30,9 @@
         <Switch bind:checked={enabled} />
       {/if}
     </span>
-    {#if description}
+    {#if $$slots["description"]}
+      <slot name="description" />
+    {:else if description}
       <span class="text-sm text-slate-600">{description}</span>
     {/if}
   </div>

diff --git a/web-common/src/features/alerts/delivery-tab/AlertDialogDeliveryTab.svelte b/web-common/src/features/alerts/delivery-tab/AlertDialogDeliveryTab.svelte
@@ -58,14 +58,16 @@
     </FormSection>
   {:else}
     <FormSection title="Slack notifications">
-      <span class="text-sm text-slate-600">
-        Slack has not been configured for this project. Read the <a
-          href="https://docs.rilldata.com/explore/alerts/slack"
-          target="_blank"
-        >
-          docs
-        </a> to learn more.
-      </span>
+      <svelte:fragment slot="description">
+        <span class="text-sm text-slate-600">
+          Slack has not been configured for this project. Read the <a
+            href="https://docs.rilldata.com/explore/alerts/slack"
+            target="_blank"
+          >
+            docs
+          </a> to learn more.
+        </span>
+      </svelte:fragment>
     </FormSection>
   {/if}
   <FormSection