harivansh-afk/Habit-Tracker
1
0
Fork 0
mirror of https://github.com/harivansh-afk/Habit-Tracker.git synced 2026-04-17 02:04:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

added some functionality to the calendar page

Browse source
This commit is contained in:
Harivansh Rathi 2024-11-20 15:13:18 -05:00
parent 6b6cba21e5
commit 0ab0745a2c
3 changed files with 12 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/components/Calendar.tsx
View file

@ -128,14 +128,18 @@ export const Calendar: React.FC<CalendarProps> = ({
<div className="group relative inline-block">
<div
className={`
h-4 w-4 rounded-full cursor-pointer
transition-colors duration-200
h-5 px-2 rounded-full cursor-pointer
transition-colors duration-200 flex items-center justify-center
${completedHabits.length > 0
? 'bg-[#2ecc71] dark:bg-[#2ecc71] shadow-sm shadow-[#2ecc7150]'
: `bg-[#e9e9e8] dark:bg-[#393939]`
}
`}
/>
>
<span className="text-[8px] font-medium text-black/70 dark:text-white/70">
{completedHabits.length}/{habits.length}
</span>
</div>
<div
className={`
absolute bottom-full left-1/2 -translate-x-1/2 mb-2