From 3df019150c1c87caad8d89d39c0afce8842aeaec Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8F=AE=E5=8F=AE=E5=BD=93?= <604054726@qq.com>
Date: Fri, 4 Aug 2023 15:00:45 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=BB=9A=E5=8A=A8?=
 =?UTF-8?q?=E7=A9=BF=E9=80=8F=E5=92=8C=E6=BB=9A=E5=8A=A8=E6=BA=A2=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/components/DefaultLayoutWithVerticalNav.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/layouts/components/DefaultLayoutWithVerticalNav.vue b/src/layouts/components/DefaultLayoutWithVerticalNav.vue
index a83f462e..767c376d 100644
--- a/src/layouts/components/DefaultLayoutWithVerticalNav.vue
+++ b/src/layouts/components/DefaultLayoutWithVerticalNav.vue
@@ -12,7 +12,7 @@ import UserProfile from '@/layouts/components/UserProfile.vue'
 </script>
 
 <template>
-  <VerticalNavLayout>
+  <VerticalNavLayout class="touch-none">
     <!-- 👉 Navbar -->
     <template #navbar="{ toggleVerticalOverlayNavActive }">
       <div class="d-flex h-100 align-center mx-1">

From e6b64abc8d30d9b80a9394964c131b4f7293a3f5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8F=AE=E5=8F=AE=E5=BD=93?= <604054726@qq.com>
Date: Fri, 4 Aug 2023 17:40:12 +0800
Subject: [PATCH 2/2] fix

---
 src/@layouts/components/VerticalNav.vue                 | 6 +++---
 src/@layouts/components/VerticalNavLayout.vue           | 2 +-
 src/layouts/components/DefaultLayoutWithVerticalNav.vue | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/@layouts/components/VerticalNav.vue b/src/@layouts/components/VerticalNav.vue
index 7db8670f..914c3b25 100644
--- a/src/@layouts/components/VerticalNav.vue
+++ b/src/@layouts/components/VerticalNav.vue
@@ -43,7 +43,7 @@ function handleNavScroll(evt: Event) {
   <Component
     :is="props.tag"
     ref="refNav"
-    class="layout-vertical-nav"
+    class="layout-vertical-nav touch-none"
     :class="[
       {
         'visible': isOverlayNavActive,
@@ -83,8 +83,8 @@ function handleNavScroll(evt: Event) {
 </template>
 
 <style lang="scss">
-@use '@configured-variables' as variables;
-@use '@layouts/styles/mixins';
+@use "@configured-variables" as variables;
+@use "@layouts/styles/mixins";
 
 // 👉 Vertical Nav
 .layout-vertical-nav {
diff --git a/src/@layouts/components/VerticalNavLayout.vue b/src/@layouts/components/VerticalNavLayout.vue
index b6f32042..6b527d39 100644
--- a/src/@layouts/components/VerticalNavLayout.vue
+++ b/src/@layouts/components/VerticalNavLayout.vue
@@ -63,7 +63,7 @@ export default defineComponent({
 
       // 👉 Overlay
       const layoutOverlay = h('div', {
-        class: ['layout-overlay', { visible: isLayoutOverlayVisible.value }],
+        class: ['layout-overlay', 'touch-none', { visible: isLayoutOverlayVisible.value }],
         onClick: () => {
           isLayoutOverlayVisible.value = !isLayoutOverlayVisible.value
         },
diff --git a/src/layouts/components/DefaultLayoutWithVerticalNav.vue b/src/layouts/components/DefaultLayoutWithVerticalNav.vue
index 767c376d..a83f462e 100644
--- a/src/layouts/components/DefaultLayoutWithVerticalNav.vue
+++ b/src/layouts/components/DefaultLayoutWithVerticalNav.vue
@@ -12,7 +12,7 @@ import UserProfile from '@/layouts/components/UserProfile.vue'
 </script>
 
 <template>
-  <VerticalNavLayout class="touch-none">
+  <VerticalNavLayout>
     <!-- 👉 Navbar -->
     <template #navbar="{ toggleVerticalOverlayNavActive }">
       <div class="d-flex h-100 align-center mx-1">