From 93347a6888f39b8627f0857066bf7cad05f118ba Mon Sep 17 00:00:00 2001
From: Amir Raminfar <findamir@gmail.com>
Date: Tue, 18 Jul 2023 08:35:21 -0700
Subject: [PATCH] chore(docs): improve top menu on home layout

---
 docs/.vitepress/theme/components/HeroVideo.vue | 10 +++++++++-
 docs/.vitepress/theme/style.css                |  4 ++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/docs/.vitepress/theme/components/HeroVideo.vue b/docs/.vitepress/theme/components/HeroVideo.vue
index ace258b9..fae44241 100644
--- a/docs/.vitepress/theme/components/HeroVideo.vue
+++ b/docs/.vitepress/theme/components/HeroVideo.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { useMutationObserver } from "@vueuse/core";
-import { onMounted, ref } from "vue";
+import { onMounted, onUnmounted, ref } from "vue";
 
 const isDark = ref(false);
 onMounted(() => {
@@ -16,6 +16,14 @@ onMounted(() => {
     },
   );
 });
+
+onMounted(() => {
+  document.documentElement.classList.add("home");
+});
+
+onUnmounted(() => {
+  document.documentElement.classList.remove("home");
+});
 </script>
 
 <template>
diff --git a/docs/.vitepress/theme/style.css b/docs/.vitepress/theme/style.css
index dd53edf8..8b01dcdf 100644
--- a/docs/.vitepress/theme/style.css
+++ b/docs/.vitepress/theme/style.css
@@ -155,3 +155,7 @@
 .VPHero .container .image {
   max-width: 1200px;
 }
+
+.home .VPNav .container {
+  max-width: 100%;
+}