emmanuelandRotimi Best
103a2eda7b
only update order when lesson id changes CLASSROOMIO-T-90: Update banner image on course card CLASSROOMIO-T-90: Fix merge conflicts Merge branch 'main' into CLASSROOMIO-T-90 CLASSROOMIO-T-90:removed unused values and console log in the Course Settings CLASSROOMIO-T-90:removed unused import in the Course Settings CLASSROOMIO-T-90:fixed bugs in the Course Settings Merge branch 'main' into CLASSROOMIO-T-90 CLASSROOMIO-T-90:Implemented the Course Settings CLASSROOMIO-T-90:Worked on the course settings Merge branch 'main' into CLASSROOMIO-T-90 CLASSROOMIO-T-90:Fixed the landing page issue CLASSROOMIO-T-146:Made updates to the code following the reviews CLASSROOMIO-T-146:Made updates to the Z-Index Merge branch 'main' into CLASSROOMIO-T-146 Merge branch 'main' into CLASSROOMIO-T-146 CLASSROOMIO-T-146:Made the course page responsive CLASSROOMIO-T-146:working on the course page responsiveness Merge branch 'main' into CLASSROOMIO-T-145 CLASSROOMIO-T-146:Making the course page responsive CLASSROOMIO-T-145: All done and ready CLASSROOMIO-T-145: All done and ready CLASSROOMIO-T-145: Fixed the Z-index issue Merge branch 'main' into CLASSROOMIO-T-145 CLASSROOMIO-T-145: Finished implementing the responsive design for the Main dashboard and LMS dashboard Merge branch 'main' into CLASSROOMIO-T-145 CLASSROOMIO-T-144:Updating the dashboard responsiveness ooth for LMS and the Main dashboard CLASSROOMIO-T-144:Updated the dashboard responsiveness ooth for LMS and the Main dashboard Merge branch 'main' into CLASSROOMIO-T-145 CLASSROOMIO-T-145:Made the LMS dashboard responsive Co-authored-by: Ifeanyi Nwosu <[email protected]> Co-authored-by: Rotimi Best <[email protected]> Merge-request: CLASSROOMIO-MR-76 Merged-by: Best Admin <[email protected]>
33 lines
729 B
Svelte
33 lines
729 B
Svelte
<script>
|
|
// import
|
|
// border border-gray-300 rounded-md p-3 bg-primary-200 bg-opacity-25
|
|
export let width = 'max-w-4xl w-full lg:w-11/12';
|
|
export let padding = 'pb-5 px-4';
|
|
export let className = '';
|
|
export let headerClassName = '';
|
|
export let onClick = () => {};
|
|
</script>
|
|
|
|
<div class="root mt-4 mx-auto {width} {className} relative {padding}" on:click={onClick}>
|
|
{#if $$slots.header}
|
|
<div
|
|
class="head dark:bg-black flex items-center justify-between sticky right-0 w-full px-3 {headerClassName}"
|
|
>
|
|
<slot name="header" />
|
|
</div>
|
|
{/if}
|
|
|
|
<slot />
|
|
</div>
|
|
|
|
<style>
|
|
.root {
|
|
overflow-y: auto;
|
|
height: calc(100vh - 127px);
|
|
}
|
|
.head {
|
|
top: 0px;
|
|
z-index: 1;
|
|
}
|
|
</style>
|