fix: banner (#65)

Co-authored-by: DespauxGuillaume <[email protected]> Co-authored-by: Florent Delerue <[email protected]>
nuxtlabs · Jul 7, 2021 · afb03c3 · afb03c3
1 parent 07f43b7
commit afb03c3
Show file tree

Hide file tree

Showing 8 changed files with 22 additions and 112 deletions.
diff --git a/assets/nuxt.css b/assets/nuxt.css
@@ -0,0 +1,18 @@
+:root {
+  --header-height: theme('spacing.14');
+  --docs-scroll-margin-block: calc(var(--header-height) + 4rem);
+  --blogpost-scroll-margin-block: calc(var(--header-height));
+}
+
+@screen md {
+  :root {
+    --header-height: theme('spacing.18');
+    --blogpost-scroll-margin-block: calc(var(--header-height) - 0.5rem);
+  }
+}
+
+@screen xl {
+  :root {
+    --docs-scroll-margin-block: calc(var(--header-height) + 1rem);
+  }
+}
diff --git a/components/atoms/NuxtBanner.vue b/components/atoms/NuxtBanner.vue
diff --git a/components/organisms/PageMobileToc.vue b/components/organisms/PageMobileToc.vue
diff --git a/components/atoms/HeaderNuxt3Banner.vue → components/organisms/app/AppBanner.vue b/components/atoms/HeaderNuxt3Banner.vue → components/organisms/app/AppBanner.vue
diff --git a/components/organisms/app/AppHeader.vue b/components/organisms/app/AppHeader.vue
@@ -1,6 +1,5 @@
 <template>
   <header class="sticky w-full top-0 z-50 ">
-    <HeaderNuxt3Banner />
     <div class="d-header -mt-0.5 lg:-mt-0">
       <div class="flex flex-none d-container-content pt-1 md:pt-2.5">
         <NavigationButton v-if="aside" />

diff --git a/components/organisms/app/AppPage.vue b/components/organisms/app/AppPage.vue
diff --git a/docus.config.ts b/docus.config.ts
@@ -9,6 +9,9 @@ export default {
     apiKey: 'ff80fbf046ce827f64f06e16f82f1401',
     indexName: 'nuxtjs'
   },
+  layout: {
+    banner: true
+  },
   github: {
     repo: 'nuxt/nuxtjs.org',
     branch: 'dev',

diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -47,6 +47,7 @@ export default withDocus({
       class: ['min-w-xs']
     }
   },
+  css: [resolve(__dirname, './assets/nuxt.css')],
   buildModules: ['@nuxt/typescript-build'],
   plugins: ['~/plugins/adblock.client'],
   windicss: {