CorentinTh/it-tools
1
1
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2024-12-29 11:44:17 +08:00
Code Issues Projects Releases Packages 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>
<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">