docs: fix header gradient shows above all the content (nuxt-hub#483)

negativems · Feb 25, 2025 · 548481a · 548481a
1 parent 24e0efb
commit 548481a
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/docs/app/app.vue b/docs/app/app.vue
@@ -102,10 +102,10 @@ const links = computed(() => [
     <AppHeader />
     <UMain class="relative">
       <HeroBackground
-        class="absolute w-full -top-px transition-all text-(--ui-primary) shrink-0"
+        class="absolute w-full -top-px transition-all text-(--ui-primary) shrink-0 -z-10"
         :class="[
           isLoading ? 'animate-pulse' : (appear ? heroBackgroundClass : 'opacity-0'),
-          appeared ? 'duration-[400ms]': 'duration-1000'
+          appeared ? 'duration-[400ms]' : 'duration-1000'
         ]"
       />
       <NuxtLayout>