CLASSROOMIO-T-255: Fix course sidebar bug

CLASSROOMIO-T-255: Lesson page UX improvements

CLASSROOMIO-T-255:Updated part of the code

CLASSROOMIO-T-255:Worked on the sidebar

CLASSROOMIO-T-255:Worked on the sidebar

CLASSROOMIO-T-255:Worked on the sidebar

CLASSROOMIO-T-255:Worked on the sidebar and the appbar


Co-authored-by: Ifeanyi Nwosu <ifeanyi@digdippa.com>
Co-authored-by: Rotimi Best <rotimiibitoyeemma@gmail.com>


Merge-request: CLASSROOMIO-MR-117
Merged-by: Best Admin <best@digdippa.com>
This commit is contained in:
emmanuel
2023-11-01 09:45:40 +00:00
committed by Space Cloud
co-authored by Rotimi Best
parent 53bd8c1b6b
commit 80cb9a5672
14 changed files with 79 additions and 72 deletions
+3 -3
View File
@@ -9,7 +9,7 @@
import Avatar from '$lib/components/Avatar/index.svelte';
import { profile } from '$lib/utils/store/user';
import { NavClasses } from '$lib/utils/constants/reusableClass';
import { menu } from '$lib/components/Org/store';
import { sideBar } from '$lib/components/Org/store';
function isActive(pagePath: string, itemPath: string) {
const pageLinkItems = pagePath.split('/');
@@ -44,13 +44,13 @@
}
];
const toggleSidebar = () => {
$menu.hidden = !$menu.hidden;
$sideBar.hidden = !$sideBar.hidden;
};
</script>
<aside
class={`${
$menu.hidden
$sideBar.hidden
? '-translate-x-[100%] absolute md:translate-x-0 md:relative z-40'
: 'translate-x-0 absolute md:relative z-40'
} overflow-y-auto transition w-[250px] min-w-[250px] bg-gray-100 dark:bg-neutral-900 h-[calc(100vh-48px)]`}