CLASSROOMIO-T-144: Scroll issues

This commit is contained in:
Rotimi Best
2023-09-08 15:29:08 +01:00
parent 536a444193
commit 7e74568e74
3 changed files with 5 additions and 5 deletions
+1 -1
View File
@@ -63,7 +63,7 @@
$menu.hidden
? '-translate-x-[100%] absolute md:translate-x-0 md:relative z-[9999]'
: 'translate-x-0 absolute md:relative z-[9999]'
} transition w-[250px] min-w-[250px] bg-gray-100 dark:bg-gray-800 h-[calc(100vh-36px)] md:h-full border border-l-0 border-t-0 border-b-0 border-r-1`}
} transition w-[250px] min-w-[250px] bg-gray-100 dark:bg-gray-800 h-[calc(100vh-48px)] md:h-full border border-l-0 border-t-0 border-b-0 border-r-1`}
>
<div class="h-full flex flex-col">
<div class="border-b border-gray-200 pt-5 px-4">
+3 -3
View File
@@ -346,11 +346,11 @@
}
.org-root {
height: calc(100vh - 38px);
height: calc(100vh - 48px);
}
.org-slot {
min-width: calc(100vw - 250px);
height: calc(100vh - 38px);
height: calc(100vh - 48px);
overflow-y: auto;
}
@@ -425,7 +425,7 @@
@media screen and (max-width: 457px) {
.org-slot {
min-width: 100%;
max-height: calc(100vh - 38px);
max-height: calc(100vh - 48px);
overflow-y: auto;
}
}
+1 -1
View File
@@ -50,7 +50,7 @@
</svelte:head>
<section class="w-full md:max-w-6xl md:mx-auto">
<div class="py-10 px-2 md:px-5">
<div class="py-2 md:py-10 px-2 md:px-5">
<div class="flex items-center justify-between mb-10">
<h1 class="dark:text-white text-2xl md:text-3xl font-bold">Courses</h1>
{#if $isMobile}