From 7391b05c43989b9c26200ecb3500b1bc2338e830 Mon Sep 17 00:00:00 2001
From: steph <steph@huynhicode.dev>
Date: Wed, 26 Jun 2024 22:23:42 -0700
Subject: [PATCH] add announcement bar to docs and minor styling update

---
 packages/mermaid/src/docs/.vitepress/components/TopBar.vue | 2 +-
 packages/mermaid/src/docs/.vitepress/theme/index.ts        | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/mermaid/src/docs/.vitepress/components/TopBar.vue b/packages/mermaid/src/docs/.vitepress/components/TopBar.vue
index 130d6babc..d8e36ded4 100644
--- a/packages/mermaid/src/docs/.vitepress/components/TopBar.vue
+++ b/packages/mermaid/src/docs/.vitepress/components/TopBar.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="w-full top-bar bg-gradient-to-r from-[#bd34fe] to-[#ff3670] flex items-center text-center justify-center p-1 text-white"
+    class="mb-4 w-full top-bar bg-gradient-to-r from-[#bd34fe] to-[#ff3670] flex items-center text-center justify-center p-1 text-white"
   >
     <p class="flex-grow text-center tracking-wide text-text">
       <a
diff --git a/packages/mermaid/src/docs/.vitepress/theme/index.ts b/packages/mermaid/src/docs/.vitepress/theme/index.ts
index 4fd4d7b66..0409b4c77 100644
--- a/packages/mermaid/src/docs/.vitepress/theme/index.ts
+++ b/packages/mermaid/src/docs/.vitepress/theme/index.ts
@@ -25,6 +25,7 @@ export default {
       'home-hero-before': () => h(TopBar),
       'home-hero-info-before': () => h(ProductHuntBadge),
       'home-features-after': () => h(HomePage),
+      'doc-before': () => h(TopBar),
     });
   },
   enhanceApp({ app, router }: EnhanceAppContext) {