fix(dailies): give weekly and monthly counts their own line
In the rail, three counts on one heading line wrapped it and broke the reset countdown across two lines. Co-Authored-By: Claude Opus 5.5 <[email protected]>
This commit is contained in:
co-authored by
Claude Opus 5.5
parent
1edce31210
commit
45f24cf0cf
@@ -361,8 +361,15 @@ export function Dailies({
|
||||
<div className="relative flex items-baseline justify-between gap-3">
|
||||
<h2 className="eyebrow">
|
||||
{total > 0 ? <>Today's dailies · {complete}/{total}</> : "Your tasks"}
|
||||
{week.total > 0 && <> · Weekly {week.complete}/{week.total}</>}
|
||||
{month.total > 0 && <> · Monthly {month.complete}/{month.total}</>}
|
||||
{/* A line of their own: in the rail, three counts on one line wrapped
|
||||
the heading and pushed the reset countdown onto two. */}
|
||||
{(week.total > 0 || month.total > 0) && (
|
||||
<span className="mt-0.5 block text-faint">
|
||||
{week.total > 0 && <>Weekly {week.complete}/{week.total}</>}
|
||||
{week.total > 0 && month.total > 0 && " · "}
|
||||
{month.total > 0 && <>Monthly {month.complete}/{month.total}</>}
|
||||
</span>
|
||||
)}
|
||||
</h2>
|
||||
<p className="tnum text-[0.6875rem] text-faint">
|
||||
{mixed ? "next reset in " : "resets in "}
|
||||
|
||||
Reference in New Issue
Block a user