CLASSROOMIO-T-145: Made the updates to the UI of the dashboard

CLASSROOMIO-T-145: Changed the classname

Merge branch 'main' into CLASSROOMIO-T-145

Merge branch 'main' into CLASSROOMIO-T-145

CLASSROOMIO-T-145:updates

CLASSROOMIO-T-145:Fixed the hamburger display for the lms

CLASSROOMIO-T-145:Fixed the extra scroll on the LMS

CLASSROOMIO-T-145:Made the Updates to the UI

CLASSROOMIO-T-145:Made the Updates to the UI


Co-authored-by: Ifeanyi Nwosu <ifeanyi@digdippa.com>


Merge-request: CLASSROOMIO-MR-70
Merged-by: Best Admin <best@digdippa.com>
This commit is contained in:
emmanuel
2023-09-12 11:31:20 +00:00
committed by Space Cloud
parent 3d58d58180
commit b271286b05
9 changed files with 47 additions and 52 deletions
+12 -13
View File
@@ -44,21 +44,20 @@
</script>
<nav
class="{navClass} flex w-full p-1 md:px-6 bg-primary-700 transition delay-150 duration-300 ease-in-out"
class="{navClass} flex w-full p-1 md:px-6 bg-primary-700 transition delay-150 duration-300 ease-in-out h-[48px]"
>
<ul class="flex w-full items-center">
<div class="flex items-center text-white">
{#if !isCoursePage}
<li>
<IconButton onClick={toggleSidebar}>
{#if $menu.hidden}
<Menu size={16} class="md:hidden text-white" />
{:else}
<Close size={16} class="md:hidden text-white" />
{/if}
</IconButton>
</li>
{/if}
<li class="md:hidden">
<IconButton onClick={toggleSidebar}>
{#if $menu.hidden}
<Menu size={16} class=" text-white" />
{:else}
<Close size={16} class=" text-white" />
{/if}
</IconButton>
</li>
{#if isCoursePage}
<IconButton
onClick={() => {
@@ -74,7 +73,7 @@
target={isCoursePage && $course.slug ? '_blank' : ''}
title="Go to {isCoursePage ? 'Courses' : 'ClassroomIO Home'}"
id="logo"
class="text-lg {isCoursePage && 'ml-2'}"
class="text-lg {isCoursePage && '-ml-2 md:ml-2'} line-clamp-1"
>
{isCoursePage ? title : 'ClassroomIO'}
</a>
+4 -4
View File
@@ -27,14 +27,14 @@
}
</script>
<nav class="{navClass} flex w-full p-2 md:px-6 bg-primary-700">
<nav class="{navClass} flex w-full p-2 md:px-6 bg-primary-700 h-[48px]">
<ul class="flex w-full items-center">
<li>
<li class="md:hidden">
<IconButton onClick={toggleSidebar}>
{#if $menu.hidden}
<Menu size={16} class="md:hidden text-white" />
<Menu size={16} class=" text-white" />
{:else}
<Close size={16} class="md:hidden text-white" />
<Close size={16} class=" text-white" />
{/if}
</IconButton>
</li>