fix(UI): formpage missing content shadow (#7733)

Signed-off-by: axel7083 <42176370+axel7083@users.noreply.github.com>
containers · Jun 19, 2024 · 3f4b98a · 3f4b98a
1 parent 51a50bf
commit 3f4b98a
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/ui/src/lib/layouts/FormPage.svelte b/packages/ui/src/lib/layouts/FormPage.svelte
@@ -34,7 +34,7 @@ function handleKeydown(e: KeyboardEvent): void {
 
 <svelte:window on:keydown="{handleKeydown}" />
 
-<div class="flex flex-col w-full h-full shadow-pageheader">
+<div class="flex flex-col w-full h-full shadow-pageheader bg-[var(--pd-content-bg)]">
   <div class="flex flex-row w-full h-fit px-5 pt-4" class:pb-3.5="{inProgress}" class:pb-4="{!inProgress}">
     <div class="flex flex-col w-full h-fit">
       {#if showBreadcrumb}
@@ -75,11 +75,11 @@ function handleKeydown(e: KeyboardEvent): void {
     <LinearProgress />
   {/if}
   {#if $$slots.tabs}
-    <div class="flex flex-row px-2 border-b border-[var(--pd-content-divider)]">
+    <div class="flex flex-row px-2">
       <slot name="tabs" />
     </div>
   {/if}
-  <div class="flex w-full h-full bg-[var(--pd-content-bg)] overflow-auto">
+  <div class="flex w-full h-full overflow-auto">
     <slot name="content" />
   </div>
 </div>