highlight due date

2025-08-28 22:23:16 +02:00
parent d37dbc4f62
commit a4fe525b9e
2 changed files with 10 additions and 4 deletions
--- a/src/components/Flatastic/Flatastic.tsx
+++ b/src/components/Flatastic/Flatastic.tsx
@@ -35,9 +35,11 @@ export default function Flatastic() {
            className = "irregular";
        } else {
            className = chore.timeLeftNext <= 0 ? "due" : "notDue";
-            timeLeftInDays = Math.abs(
-                Math.floor(chore.timeLeftNext / (60 * 60 * 24)),
-            );
+            timeLeftInDays = <span className={style.timeLeft}>
+                {Math.abs(
+                    Math.floor(chore.timeLeftNext / (60 * 60 * 24)),
+                )}d
+            </span>;
        }

        return (