More themeing improvements

This commit is contained in:
Rotimi Best
2023-08-20 20:52:52 +01:00
parent f11522d82c
commit 81ff909dca
14 changed files with 25 additions and 19 deletions
+3 -3
View File
@@ -68,7 +68,7 @@
{#each sideLinks as item (item.name)}
<a href={item.link} class="text-black">
<li
class="flex items-center py-3 px-4 mb-2 rounded hover:bg-gray-200 dark:hover:bg-gray-500 {isActive(
class="flex items-center py-3 px-4 mb-2 rounded hover:opacity-80 {isActive(
$page.url.pathname,
`${item.link}`
) && NavClasses.active}"
@@ -77,7 +77,7 @@
this={item.icon}
color={isActive($page.url.pathname, `${item.link}`) ? 'black' : 'gray'}
size={24}
class="carbon-icon text-white"
class="carbon-icon "
/>
<p class="dark:text-white ml-2">{item.name}</p>
</li>
@@ -95,7 +95,7 @@
</a>
<a href="/lms/settings" class="text-black">
<li
class="flex items-center py-3 px-4 mb-2 rounded {isActive(
class="flex items-center py-3 px-4 mb-2 rounded hover:opacity-80 {isActive(
$page.url.pathname,
`/lms/settings`
) && NavClasses.active}"
@@ -38,7 +38,9 @@
{#if data.inProgress}
<div class="flex items-center gap-2">
<div class=" relative bg-[#EAEAEA] w-full h-1">
<div class={`absolute top-0 left-0 bg-[#0233BD] h-full ${data.progress} ]`} />
<div
class={`absolute top-0 left-0 bg-primary-700 h-full ${data.progress} ]`}
/>
</div>
<p class="text-xs text-[#656565] dark:text-white">{data.progressRate}%</p>
</div>
@@ -41,7 +41,9 @@
{#if data.inProgress}
<div class="flex items-center gap-2">
<div class=" relative bg-[#EAEAEA] w-full h-1">
<div class={`absolute top-0 left-0 bg-[#0233BD] h-full ${data.progress} ]`} />
<div
class={`absolute top-0 left-0 bg-primary-700 h-full ${data.progress} ]`}
/>
</div>
<p class="text-xs text-[#656565] dark:text-white">{data.progressRate}%</p>
</div>
@@ -38,7 +38,9 @@
{#if data.inProgress}
<div class="flex items-center gap-2">
<div class=" relative bg-[#EAEAEA] w-full h-1">
<div class={`absolute top-0 left-0 bg-[#0233BD] h-full ${data.progress} ]`} />
<div
class={`absolute top-0 left-0 bg-primary-700 h-full ${data.progress} ]`}
/>
</div>
<p class="text-xs text-[#656565] dark:text-white">{data.progressRate}%</p>
</div>
@@ -37,7 +37,7 @@
/>
</span>
<div class="relative bg-[#EAEAEA] w-full h-1">
<div class={`absolute top-0 left-0 bg-[#0233BD] h-full ${data.progress} ]`} />
<div class={`absolute top-0 left-0 bg-primary-700 h-full ${data.progress} ]`} />
</div>
</div>
{/each}
@@ -61,15 +61,11 @@
<p class="text-lg font-semibold text-[#262626] dark:text-white">
The essence of design collaboration
</p>
<a href="#" class="text-sm font-normal text-[#0233BD] dark:text-white"
<a href="#" class="text-sm font-normal text-primary-700 dark:text-white"
>Figma Introduction</a
>
</span>
<PrimaryButton
label="Join Call"
variant={VARIANTS.OUTLINED}
className="bg-transparent outline-1 outline-[#0233BD] text-[#0233BD] rounded-md hover:bg-[blue]"
/>
<PrimaryButton label="Join Call" variant={VARIANTS.OUTLINED} className="" />
</div>
</span>
{:else}