docs: fix header gradient shows above all the content (#483) (#484)

Author: negativems

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>