ulivargas/classroomio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: redesign lesson list on course landing page (#372)

Browse Source
This commit is contained in:
Dmytro
2024-06-28 06:43:14 +01:00
committed by GitHub
parent d27ab2dc2d
commit 3eb3d22805
1 changed files with 14 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/dashboard/src/lib/components/CourseLandingPage/index.svelte
+14 -12
View File
@@ -266,20 +266,20 @@
{pluralize('lesson', lessons.length, true)} {pluralize('lesson', lessons.length, true)}
</p> </p>
</div> </div>
{#each lessons as lesson, index}
<div class="mb-6 flex w-full flex-col justify-between md:flex-row md:items-center"> <div class="flex flex-wrap">
<div class="mb-3 flex items-center"> {#each lessons as lesson, index}
<div class="px-2 py-1 m-2 border rounded">
<Chip <Chip
value={getLectureNo(index + 1, '0')} value={getLectureNo(index + 1, '0')}
className="bg-primary-100 text-primary-700" className="bg-primary-100 text-primary-700 inline "
/> />
<p class="ml-2 text-sm font-light dark:text-white"> <p class="ml-2 text-xs font-light dark:text-white inline">
{lesson.title} {lesson.title}
</p> </p>
</div>
<div class="w-2/4">
<div class="flex items-center"> <!-- <div class="flex items-center">
{#if lesson.slide_url} {#if lesson.slide_url}
<span class="text-sm font-light flex w-2/4" <span class="text-sm font-light flex w-2/4"
><PresentationFile size={16} class="mr-1" />{$t( ><PresentationFile size={16} class="mr-1" />{$t(
@@ -294,8 +294,10 @@
)}</span )}</span
> >
{/if} {/if}
</div> </div> -->
<div class="flex items-center">
<!-- <div class="flex items-center">
{#if lesson.videos} {#if lesson.videos}
<span class="text-sm font-light flex w-2/4" <span class="text-sm font-light flex w-2/4"
><Video size={16} class="mr-1" />{lesson.videos.length} ><Video size={16} class="mr-1" />{lesson.videos.length}
@@ -311,10 +313,10 @@
)}</span )}</span
> >
{/if} {/if}
</div> </div> -->
</div>
</div> </div>
{/each} {/each}
</div>
</section> </section>
<!-- Sections - Reviews --> <!-- Sections - Reviews -->