manohar/tia
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(activity): hover effect on 4-day strip individual rows

Browse source 
- Non-today rows: hover:bg-rose-50 / dark:hover:bg-gray-700
- Today (rose) rows: hover:bg-white/20 overlay so highlight still reads on rose bg
- transition-all for smooth fade

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Manohar Gupta 2026-05-24 13:19:50 +05:30
parent 1ae0986767
commit f37e5bfad4
1 changed files with 5 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/app/activity/page.tsx
View file

@ -286,16 +286,14 @@ export default function ActivityPage() {
<button
key={row.type}
onClick={() => setDaySheetDate({ date: d.date, type: row.type })}
className={`w-full flex items-center justify-center py-1.5 text-xs active:opacity-60 transition-opacity ${
idx === 0
? isToday ? "border-t border-rose-300" : "border-t border-gray-100 dark:border-gray-700"
: isToday ? "border-t border-rose-300" : "border-t border-gray-100 dark:border-gray-700"
className={`w-full flex items-center justify-center py-1.5 text-xs transition-all active:opacity-60 ${
isToday ? "border-t border-rose-300" : "border-t border-gray-100 dark:border-gray-700"
} ${
isToday
? "text-white"
? "text-white hover:bg-white/20"
: row.count === 0
? "text-gray-300 dark:text-gray-600"
: "text-gray-700 dark:text-gray-200"
? "text-gray-300 dark:text-gray-600 hover:bg-rose-50 dark:hover:bg-gray-700"
: "text-gray-700 dark:text-gray-200 hover:bg-rose-50 dark:hover:bg-gray-700"
}`}
>
{row.icon}×{row.count}