Stack CTA buttons and shrink hero and image spacing on mobile

content/en/index.md

@@ -7,7 +7,7 @@ seo:
 
 :ellipsis{right=0px width=75% blur=150px zIndex=60}
 
-::u-container{class="min-h-[calc(100vh-var(--ui-header-height))] flex flex-col pt-32 pb-32"}
+::u-container{class="min-h-[calc(100vh-var(--ui-header-height))] flex flex-col pt-32 pb-32 max-md:pt-[60px] max-md:pb-[60px]"}
 :::div{class="grid lg:grid-cols-3 gap-8 items-stretch flex-1"}
 ::::div{class="lg:col-span-2 flex flex-col justify-between"}
 :::::div{class="flex flex-col gap-8"}
@@ -16,11 +16,11 @@ seo:
 <p class="text-lg my-0!">Docs, more docs. Tips and experiments. Build your homelab and your own NAS.</p>
 :::::
 
-:::::div{class="my-6"}
+:::::div{class="my-6 pt-[25px] pb-[25px]"}
 ![](/img/global/docudjeex-home.svg){.w-full}
 :::::
 
-:::::div{class="flex items-center gap-3"}
+:::::div{class="flex flex-col sm:flex-row sm:items-center gap-3"}
 ::::::u-button{class="text-white font-bold"}
 ---
 color: primary

content/fr/index.md

@@ -7,7 +7,7 @@ seo:
 
 :ellipsis{right=0px width=75% blur=150px zIndex=60}
 
-::u-container{class="min-h-[calc(100vh-var(--ui-header-height))] flex flex-col pt-32 pb-32"}
+::u-container{class="min-h-[calc(100vh-var(--ui-header-height))] flex flex-col pt-32 pb-32 max-md:pt-[60px] max-md:pb-[60px]"}
 :::div{class="grid lg:grid-cols-3 gap-8 items-stretch flex-1"}
 ::::div{class="lg:col-span-2 flex flex-col justify-between"}
 :::::div{class="flex flex-col gap-8"}
@@ -16,11 +16,11 @@ seo:
 <p class="text-lg my-0!">De la doc, encore de la doc. Des astuces et des expériences. Construisez votre homelab et votre propre NAS.</p>
 :::::
 
-:::::div{class="my-6"}
+:::::div{class="my-6 pt-[25px] pb-[25px]"}
 ![](/img/global/docudjeex-home.svg){.w-full}
 :::::
 
-:::::div{class="flex items-center gap-3"}
+:::::div{class="flex flex-col sm:flex-row sm:items-center gap-3"}
 ::::::u-button{class="text-white font-bold"}
 ---
 color: primary

nuxt.config.ts

@@ -25,6 +25,11 @@ function getContributors(absoluteFilePath: string): string[] {
 export default defineNuxtConfig({
   extends: ['docus'],
   components: [
+    // Passing an array here replaces Nuxt's default `~/components` scan
+    // instead of adding to it, so every local override under app/components/
+    // (AppHeaderCenter, AppHeaderBottom, DocsAsideLeftTop, etc.) was silently
+    // ignored in favor of the docus layer's originals. Keep the default scan.
+    '~/components',
     // ProseNote/Tip/Warning/Caution are only ever resolved dynamically, by
     // name, from Nuxt Content's MDC tag map (`note` -> `ProseNote`, etc.).
     // Nothing statically imports or writes `<ProseNote>` in a template, so