From 536a4441937814c73388a2a7dcecf00f1bd7ab0c Mon Sep 17 00:00:00 2001 From: emmanuel Date: Fri, 8 Sep 2023 09:17:05 +0000 Subject: [PATCH] CLASSROOMIO-T-145:Made the LMS dashboard 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 Merge-request: CLASSROOMIO-MR-66 Merged-by: Best Admin --- .../Courses/components/Card/index.svelte | 2 +- .../components/NewCourseModal/index.svelte | 2 +- src/lib/components/Courses/index.svelte | 30 +++++++--- src/lib/components/LMS/SideBar.svelte | 18 ++++-- src/lib/components/Navigation/app.svelte | 20 ++++--- src/lib/components/Navigation/lms.svelte | 15 +++++ src/lib/components/Org/Audience/index.svelte | 6 +- src/lib/components/Org/Community/index.svelte | 2 +- .../components/Org/Quiz/NewQuizModal.svelte | 23 +++----- src/lib/components/Org/Quiz/QuizCard.svelte | 14 ++--- .../Org/Settings/LandingpageSettings.svelte | 50 ++++++++-------- .../Org/Settings/OrgSettings.svelte | 58 ++++++++++--------- .../components/Org/Settings/Profile.svelte | 22 +++---- src/lib/components/Org/Settings/index.svelte | 6 +- src/lib/components/Org/SideBar.svelte | 21 ++++--- src/routes/+layout.svelte | 22 ++++++- src/routes/lms/+page.svelte | 2 +- src/routes/org/[slug]/+page.svelte | 48 +++++++++++---- src/routes/org/[slug]/audience/+page.svelte | 9 +-- src/routes/org/[slug]/community/+page.svelte | 20 +++++-- .../org/[slug]/community/ask/+page.svelte | 21 +++---- src/routes/org/[slug]/courses/+page.svelte | 16 +++-- src/routes/org/[slug]/quiz/+page.svelte | 15 +++-- .../org/[slug]/settings/domains/+page.svelte | 2 +- .../org/[slug]/settings/teams/+page.svelte | 2 +- 25 files changed, 275 insertions(+), 171 deletions(-) diff --git a/src/lib/components/Courses/components/Card/index.svelte b/src/lib/components/Courses/components/Card/index.svelte index 929b7152..5a9ef452 100644 --- a/src/lib/components/Courses/components/Card/index.svelte +++ b/src/lib/components/Courses/components/Card/index.svelte @@ -47,7 +47,7 @@
{#if !isOnLandingPage} diff --git a/src/lib/components/Courses/components/NewCourseModal/index.svelte b/src/lib/components/Courses/components/NewCourseModal/index.svelte index 35dc5739..f78c0cd3 100644 --- a/src/lib/components/Courses/components/NewCourseModal/index.svelte +++ b/src/lib/components/Courses/components/NewCourseModal/index.svelte @@ -87,7 +87,7 @@ ($createCourseModal.open = false)} bind:open={$createCourseModal.open} - width="w-2/5" + width="w-4/5 md:w-2/5" modalHeading="Create a Course" >
diff --git a/src/lib/components/Courses/index.svelte b/src/lib/components/Courses/index.svelte index 074531f6..0627b91e 100644 --- a/src/lib/components/Courses/index.svelte +++ b/src/lib/components/Courses/index.svelte @@ -5,11 +5,14 @@ import CoursesEmptyIcon from '../Icons/CoursesEmptyIcon.svelte'; import CopyCourseModal from './components/CopyCourseModal/index.svelte'; import { courses, courseMetaDeta } from './store'; + import { isMobile } from '$lib/utils/store/useMobile'; -
+
{#if $courseMetaDeta.isLoading} @@ -28,14 +31,23 @@ currency={courseData.currency} totalLessons={courseData.total_lessons} /> - {:else} - - -

No Courses Created

-

- Share your knowledge with the world by creating engaging courses for your students. -

- + {/each} {/if}
+{#if !$courses.length} + + +

No Courses Created

+

+ Share your knowledge with the world by creating engaging courses for your students. +

+ +{/if} diff --git a/src/lib/components/LMS/SideBar.svelte b/src/lib/components/LMS/SideBar.svelte index 38e1f3c9..07550d25 100644 --- a/src/lib/components/LMS/SideBar.svelte +++ b/src/lib/components/LMS/SideBar.svelte @@ -12,6 +12,7 @@ import { currentOrg } from '$lib/utils/store/org'; import { profile } from '$lib/utils/store/user'; import { NavClasses } from '$lib/utils/constants/reusableClass'; + import { menu } from '$lib/components/Org/store'; function isActive(pagePath, itemPath) { const pageLinkItems = pagePath.split('/'); @@ -45,9 +46,18 @@ link: '/lms/community' } ]; + const toggleSidebar = () => { + $menu.hidden = !$menu.hidden; + }; -