fix: scroll issue on bottom lesson widget

This commit is contained in:
Rotimi Best
2024-05-22 05:09:16 +01:00
parent 063a715457
commit 6690b6bf34
2 changed files with 6 additions and 3 deletions
@@ -16,6 +16,7 @@
export let isExercisePage = false; export let isExercisePage = false;
export let isStudent = false; export let isStudent = false;
export let isFetching = false; export let isFetching = false;
export let containerClass = '';
let prevCourseId = ''; let prevCourseId = '';
@@ -71,7 +72,7 @@
<div class="root"> <div class="root">
<Navigation {path} {isStudent} /> <Navigation {path} {isStudent} />
<div class="rightBar" class:isMobile={$isMobile}> <div class="rightBar {containerClass}" class:isMobile={$isMobile}>
{#if isExercisePage} {#if isExercisePage}
<Confetti /> <Confetti />
{/if} {/if}
@@ -256,6 +256,7 @@
{path} {path}
isExercisePage={!data.isMaterialsTabActive && !!data.exerciseId} isExercisePage={!data.isMaterialsTabActive && !!data.exerciseId}
bind:courseId={data.courseId} bind:courseId={data.courseId}
containerClass="relative"
> >
<PageNav <PageNav
bind:hideOnMobile={isStudent} bind:hideOnMobile={isStudent}
@@ -373,8 +374,9 @@
{/if} --> {/if} -->
</PageBody> </PageBody>
{/if} {/if}
<!-- Mobile Navigation -->
<div class="sticky bottom-5 flex items-center justify-center"> <!-- Bottom Lesson Widget -->
<div class="absolute w-full bottom-5 flex items-center justify-center">
<div <div
class="flex items-center gap-2 w-fit rounded-full shadow-xl bg-gray-100 dark:bg-neutral-700 px-5 py-1" class="flex items-center gap-2 w-fit rounded-full shadow-xl bg-gray-100 dark:bg-neutral-700 px-5 py-1"
> >