info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-08-31 21:11:44 +02:00
Code Issues Releases Wiki Activity

Change UI for streak

Browse Source
This commit is contained in:
Kamran Ahmed
2024-08-23 16:20:27 +01:00
parent b1edb5ce4a
commit 62823df944
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/AccountStreak/StreakDay.tsx
View File

@@ -38,14 +38,14 @@ export function StreakDay(props: StreakDayProps) {
<div
className={cn('flex size-6 items-center justify-center rounded-full', {
'bg-slate-700': isRemainingStreakDay,
'border-2 border-dashed border-slate-500 bg-transparent': isToday,
'border border-dashed border-slate-500 striped-bg': isToday,
})}
>
{isToday ? null : icon}
</div>
<span className={cn('text-xs')}>{dayCount}</span>
{isToday && (
<ChevronDown className="absolute bottom-full left-1/2 h-4 w-4 -translate-x-1/2 transform stroke-[2.5px] text-slate-400" />
<ChevronDown className="absolute bottom-full left-1/2 h-3.5 w-3.5 -translate-y-[0.75px] -translate-x-1/2 transform stroke-[2.5px] text-slate-400" />
)}
</div>
);