From f872972e69aeb4fde4c17f0c122ca3fd4aa1c56c Mon Sep 17 00:00:00 2001
From: Corentin Thomasset <corentin.thomasset74@gmail.com>
Date: Fri, 15 Apr 2022 10:11:53 +0200
Subject: [PATCH] refactor: embeded sider scrollbar

---
 src/layouts/base.layout.vue | 25 +++++++++++--------------
 1 file changed, 11 insertions(+), 14 deletions(-)

diff --git a/src/layouts/base.layout.vue b/src/layouts/base.layout.vue
index cd5001d2..1d1480c4 100644
--- a/src/layouts/base.layout.vue
+++ b/src/layouts/base.layout.vue
@@ -34,23 +34,20 @@ const m = toolsByCategory.map(category => ({
 <template>
     <n-layout has-sider>
         <n-layout-sider bordered collapse-mode="width" :collapsed-width="64" :width="260" :collapsed="collapsed"
-            @collapse="collapsed = true" @expand="collapsed = false" :show-trigger="false">
-            <n-scrollbar>
+            @collapse="collapsed = true" @expand="collapsed = false" :show-trigger="false" :native-scrollbar="false">
 
-                <router-link to="/" class="hero-wrapper">
-                    <hero-gradient class="gradient" />
-                    <div class="text-wrapper">
-                        <div class="title">IT - TOOLS</div>
-                        <div class="divider" />
-                        <div class="subtitle">Handy tools for developers</div>
-                    </div>
-                </router-link>
+            <router-link to="/" class="hero-wrapper">
+                <hero-gradient class="gradient" />
+                <div class="text-wrapper">
+                    <div class="title">IT - TOOLS</div>
+                    <div class="divider" />
+                    <div class="subtitle">Handy tools for developers</div>
+                </div>
+            </router-link>
 
-                <n-menu :value="route.name" class="menu" :collapsed="collapsed" :collapsed-width="64"
-                    :collapsed-icon-size="22" :options="m" v-model:value="activeKey" />
+            <n-menu :value="route.name" class="menu" :collapsed="collapsed" :collapsed-width="64"
+                :collapsed-icon-size="22" :options="m" v-model:value="activeKey" />
 
-
-            </n-scrollbar>
         </n-layout-sider>
         <n-layout class="content">
             <div class="bar-wrapper">