From bd1b15ff9870764a569f824a58215ea4c44e1a38 Mon Sep 17 00:00:00 2001
From: Daniel Fjeldstad <45217974+w3bdesign@users.noreply.github.com>
Date: Wed, 4 Sep 2024 07:41:05 +0200
Subject: [PATCH] Increase height of mobile menu

Fixes #1350

Increase the height of the mobile menu to cover the entire page.

* Change the height of the mobile menu from `570px` to `100vh` in `components/Layout/LayoutMobileMenu.vue`.

---

For more details, open the [Copilot Workspace session](https://copilot-workspace.githubnext.com/w3bdesign/nuxtjs-woocommerce/issues/1350?shareId=XXXX-XXXX-XXXX-XXXX).
---
 components/Layout/LayoutMobileMenu.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Layout/LayoutMobileMenu.vue b/components/Layout/LayoutMobileMenu.vue
index 45f8e79d..ea4d47c1 100644
--- a/components/Layout/LayoutMobileMenu.vue
+++ b/components/Layout/LayoutMobileMenu.vue
@@ -2,7 +2,7 @@
   <div class="relative">
     <div
       v-if="!firstRender"
-      class="fixed top-0 left-0 h-[570px] w-screen mt-4 z-0 bg-white animate__animated"
+      class="fixed top-0 left-0 h-[100vh] w-screen mt-4 z-0 bg-white animate__animated"
       :class="{
         animate__fadeInLeft: expandedMenu,
         animate__fadeOutRight: !expandedMenu && !firstRender,