fix: scroll issue on bottom lesson widget
This commit is contained in:
@@ -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"
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in New Issue
Block a user