fix: use dvh instead of vh to define screen height

menthorlabs · Sep 24, 2023 · fdb5f8e · fdb5f8e
1 parent 7b213ef
commit fdb5f8e
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 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
@@ -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"