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

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/+layout.svelte
+3 -2
View File
@@ -317,14 +317,14 @@
{#if !isQuizPage($page.url.pathname)}
<OrgSideBar />
{/if}
<div class="org-slot bg-white dark:bg-gray-800">
<div class="org-slot bg-white dark:bg-gray-800 w-full">
<slot />
</div>
</div>
{:else if isLMSPage($page.url.pathname)}
<div class="org-root w-full flex items-center justify-between">
<LMSSideBar />
<div class="org-slot bg-white dark:bg-gray-800">
<div class="org-slot bg-white dark:bg-gray-800 w-full">
<slot />
</div>
</div>
@@ -415,6 +415,7 @@
column-gap: 12px;
row-gap: 12px;
}
@media screen and (max-width: 768px) {
:global(.cards-container) {
width: 95%;
src/routes/org/[slug]/+page.svelte
+15 -23
View File
@@ -216,11 +216,11 @@
{/each}
</div>
<div class="flex flex-wrap lg:flex-nowrap gap-2 mt-5 w-full">
<div class="flex flex-wrap mt-5 gap-4 w-full">
<!-- Your Schedule -->
<div class="w-full md:w-auto">
<div class="w-full xl:w-auto container">
<p class="dark:text-white font-bold mb-7">Your Schedule</p>
<div class="rounded border border-gray-200 md:mr-3 md:min-w-[450px] schedule-box">
<div class="rounded border border-gray-200 md:mr-3 md:min-w-[450px] schedule-box w-full">
{#if !$isMobile}
<div id="calendar" class="flex justify-center mt-5">
<InlineCalendar bind:store {theme} />
@@ -295,16 +295,19 @@
</div>
<!-- Your Activities -->
<div>
<p class="dark:text-white font-bold mb-7 mt-5 lg:mt-0">Your Activities</p>
<div class="rounded border border-gray-200 md:min-w-[450px] activities-box py-4 px-2 md:px-5">
<div class="w-full xl:w-auto container">
<p class="dark:text-white font-bold mb-7">Your Activities</p>
<div
class="rounded border border-gray-200 md:min-w-[450px] activities-box py-4 px-2 md:px-5 w-full"
>
{#each activities as activity}
<div class="flex mb-3 pb-3 border-b border-gray-200">
<Avatar src={activity.avatar} name="avatar" />
<div class="ml-2 flex flex-col lg:flex-row">
<div class="ml-2 flex flex-col xl:flex-row">
<div class="mr-2">
<p class="dark:text-white">{activity.name}</p>
<p class="dark:text-white mb-2 mt-1 line-clamp-1 md:line-clamp-2">
<p class="dark:text-white mb-2 mt-1 line-clamp-1">
{activity.description}
</p>
<a href={activity.link}>View</a>
@@ -382,21 +385,10 @@
font-size: 30px;
}
}
/* @media screen and (min-width: 756px) {
.schedule-box,
.activities-box {
height: fit-content;
overflow-y: auto;
overflow: hidden;
}
}
@media screen and (min-width: 756px) {
.schedule-box,
.activities-box {
height: fit-content;
overflow-y: auto;
@media only screen and (min-width: 1280px) and (max-width: 1360px) {
.container {
width: 48%;
}
} */
}
</style>