From 9c725af1aa8f98a083b6efbebaaf2655e6744570 Mon Sep 17 00:00:00 2001
From: Erick Nathan <erick.capito@pagtel.com.br>
Date: Sat, 23 Sep 2023 17:30:37 -0300
Subject: [PATCH 1/2] fix: lessons menu not scrolling on mobile (#12)

---
 apps/app/components/organisms/DefaultAside.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/app/components/organisms/DefaultAside.vue b/apps/app/components/organisms/DefaultAside.vue
index c81d4d4..ff974d1 100644
--- 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-screen 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">

From fdb5f8ec1c564d5e6c222f2f11d0fe98e5bb9435 Mon Sep 17 00:00:00 2001
From: Erick Nathan <erick.capito@pagtel.com.br>
Date: Sat, 23 Sep 2023 22:47:58 -0300
Subject: [PATCH 2/2] fix: use dvh instead of vh to define screen height

---
 apps/app/components/organisms/DefaultAside.vue | 2 +-
 apps/app/layouts/default.vue                   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/app/components/organisms/DefaultAside.vue b/apps/app/components/organisms/DefaultAside.vue
index ff974d1..b35e080 100644
--- 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 h-screen 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="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
index d22ecfa..ea41c4b 100644
--- 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"