diff options
| author |  Corentin Thomasset <corentin.thomasset74@gmail.com>
| 2022-04-15 10:11:53 +0200 |
|---|---|---|
| committer | Corentin Thomasset <corentin.thomasset74@gmail.com>
| 2022-04-15 10:11:53 +0200 |
| commit | f872972e69aeb4fde4c17f0c122ca3fd4aa1c56c (patch) | |
| tree | ac5a88f84ee3cb03e61042cc26fc342ef405fdc9 | |
| parent | 8951e87c143fda74be32bae5b28e009556d7086e (diff) | |
| download | it-tools-f872972e69aeb4fde4c17f0c122ca3fd4aa1c56c.tar.gz it-tools-f872972e69aeb4fde4c17f0c122ca3fd4aa1c56c.tar.zst it-tools-f872972e69aeb4fde4c17f0c122ca3fd4aa1c56c.zip | |
refactor: embeded sider scrollbar
| -rw-r--r-- | src/layouts/base.layout.vue | 25 |
1 files changed, 11 insertions, 14 deletions
diff --git a/src/layouts/base.layout.vue b/src/layouts/base.layout.vue index cd5001d..1d1480c 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"> |