fix: avoid menus overflow scrolling side effect (#14)

kirklin · Mar 19, 2024 · 745cc95 · 745cc95
1 parent e1e6ced
commit 745cc95
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/apps/admin/src/layouts/sidebar/components/Menu.vue b/apps/admin/src/layouts/sidebar/components/Menu.vue
@@ -88,7 +88,7 @@ const collapsedWidth = computed<number>(() => collapsed ? 64 : 300);
 
 <template>
  <div :class="collapsed ? 'w-16' : 'w-75'" class="transition-width h-full shrink-0 flex-col overflow-hidden duration-75">
- <NScrollbar>
+ <NScrollbar class="max-h-[calc(100vh_-_4rem)]">
  <NMenu
  v-model:value="activeMenu"
  :collapsed="collapsed"

diff --git a/apps/admin/src/layouts/sidebar/index.vue b/apps/admin/src/layouts/sidebar/index.vue
@@ -16,7 +16,7 @@ const sidebar = ref(null);
 <template>
  <aside
  id="sidebar"
- class="sidebar flex flex-col"
+ class="sidebar flex flex-col h-full"
  :class="{ collapsed: isCollapse, opened: !isCollapse }"
  >
  <div ref="sidebar" class="sidebar-wrap grow flex flex-col">