More themeing improvements
This commit is contained in:
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user