Merge pull request #17 from ericknathan/fix/lessons-menu-not-scrolling

Fix lessons menu not scrolling on mobile
menthorlabs · Sep 25, 2023 · 3dc514d · 3dc514d
2 parents 22d7ca2 + fdb5f8e
commit 3dc514d
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/apps/app/components/organisms/DefaultAside.vue b/apps/app/components/organisms/DefaultAside.vue
@@ -26,7 +26,7 @@ watch(isLesson, async () => {
 
 <template>
   <aside
-    class="bg-white z-20 md:z-0 md:bg-inherit fixed -left-[270px] transition-all top-0 min-h-screen md:relative md:left-0 flex w-[270px] min-w-[270px] flex-col border-r border-solid border-zinc-200 overflow-hidden"
+    class="bg-white z-20 md:z-0 md:bg-inherit fixed -left-[270px] transition-all top-0 h-full overflow-y-auto md:relative md:left-0 flex w-[270px] min-w-[270px] flex-col border-r border-solid border-zinc-200 overflow-hidden"
     :class="{ 'left-0': defaultAsideStore.opened }"
   >
     <div class="w-full border-b border-solid border-zinc-200 p-3">

diff --git a/apps/app/layouts/default.vue b/apps/app/layouts/default.vue
@@ -24,7 +24,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <div class="flex h-screen w-full overflow-hidden">
+  <div class="flex h-[100dvh] w-full overflow-hidden">
     <DefaultAside />
     <div
       v-show="defaultAsideStore.opened"