CorentinTh/it-tools
1
1
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2024-09-20 15:06:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: embeded sider scrollbar

Browse source
This commit is contained in:
Corentin Thomasset 2022-04-15 10:11:53 +02:00
parent 8951e87c14
commit f872972e69
No known key found for this signature in database
GPG key ID: DBD997E935996158
1 changed files with 11 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
src/layouts/base.layout.vue
View file

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