Rotimi BestandRotimi Best
f39a0cee4b
CLASSROOMIO-T-127: Add 4 themes configurations into the app Clean up Co-authored-by: Rotimi Best <rotimiibitoyeemma@gmail.com> Merge-request: CLASSROOMIO-MR-51 Merged-by: Best Admin <best@digdippa.com>
29 lines
616 B
Svelte
29 lines
616 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 = '';
|
|
</script>
|
|
|
|
<div class="root mt-4 mx-auto {width} {className} relative {padding}">
|
|
{#if $$slots.header}
|
|
<div class="head dark:bg-gray-800 flex items-center justify-between sticky right-0 w-full px-3">
|
|
<slot name="header" />
|
|
</div>
|
|
{/if}
|
|
|
|
<slot />
|
|
</div>
|
|
|
|
<style>
|
|
.root {
|
|
overflow-y: auto;
|
|
height: calc(100vh - 127px);
|
|
}
|
|
.head {
|
|
top: 0px;
|
|
z-index: 1;
|
|
}
|
|
</style>
|