CLASSROOMIO-T-50: Dashboard styles Update CLASSROOMIO-T-50: Store Update CLASSROOMIO-T-50: Undo Changes in Files CLASSROOMIO-T-50: Welcome Modal File Update Merge branch 'main' into CLASSROOMIO-T-50 CLASSROOMIO-T-50: Text color update Merge branch 'CLASSROOMIO-T-50' of https://gitlab.com/thenextgreat/classroomio into CLASSROOMIO-T-50 CLASSROOMIO-T-50: Modal Update & Banner Update Merge branch 'CLASSROOMIO-T-50' CLASSROOMIO-T-50: Welcome Modal Update CLASSROOMIO-T-50: Modal Update & Banner Update CLASSROOMIO-T-50: Added the modal CLASSROOMIO-T-50: - Created the modal component - Imported it in the dashboard route Co-authored-by: Tunji Adeyemi <[email protected]> Merge-request: CLASSROOMIO-MR-20 Merged-by: Best Admin <[email protected]>
23 lines
1.1 KiB
Svelte
23 lines
1.1 KiB
Svelte
<script>
|
|
import Modal from '../Modal/index.svelte'
|
|
import { writable } from 'svelte/store';
|
|
import { onMount, onDestroy } from 'svelte';
|
|
import { welcomeModalStore } from './store';
|
|
|
|
const closeModal = () => {
|
|
$welcomeModalStore.open = false;
|
|
}
|
|
|
|
</script>
|
|
|
|
<Modal
|
|
onClose={closeModal}
|
|
bind:open={$welcomeModalStore.open}
|
|
width="w-9/12"
|
|
modalHeading="Welcome"
|
|
>
|
|
<p class="text-black text-sm md:text-base lg:text-lg">
|
|
We at <a href="https://app.classroomio.com/" class="text-blue-700 no-underline hover:no-underline">ClassroomIO</a> are a small team with a large mission to empower educators with great technology to help them train the future generation. Education is the most powerful gift you can give anyone, and it makes so much sense to give you all the tools you need to give more people this GIFT. <span class="text-blue-700">Thank you for choosing us;</span> we deeply appreciate it and are at your service.
|
|
</p>
|
|
<img src="/images/welcome-modal-banner.png" alt="A welcome banner" class="w-full my-6">
|
|
</Modal> |