Chneemann/flowstate
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(summary): resolve text clipping issue
All checks were successful
Deploy Flowstate to VPS / deploy (push) Successful in 49s
Details

Browse source
This commit is contained in:
Chneemann 2026-08-24 08:53:25 +02:00
parent 2b5073db0e
commit 230fde3e70
No known key found for this signature in database
2 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
app/(app)/summary/sections/SummaryPriorityCard.tsx
View file

@ -58,16 +58,16 @@ export default function SummaryPriorityCard({
<div key={pKey} className="space-y-3">
<div className="flex items-center justify-between text-sm">
<span
className={`px-2.5 py-0.5 rounded-lg text-xs font-semibold border ${config.className}`}
className={`px-1.5 py-0.5 rounded-lg text-xs font-semibold border ${config.className}`}
>
{config.label}
</span>
<div className="flex items-center gap-2">
<span className="text-xs text-foreground-muted font-semibold w-10 text-right">
<span className="text-xs text-foreground-muted font-semibold text-right">
{percentage}%
</span>
<span className="bg-background/80 py-0.5 rounded-lg border border-border/60 text-xs font-bold w-14 text-right inline-block">
<span className="bg-background/80 px-1.5 py-0.5 rounded-lg border border-border/60 text-xs font-bold text-center inline-block">
{count} {count === 1 ? "item" : "items"}
</span>
</div>

4
app/(app)/summary/sections/SummaryStatusCard.tsx
View file

@ -64,10 +64,10 @@ export default function SummaryStatusCard({
</div>
<div className="flex items-center gap-3">
<span className="text-xs text-foreground-muted font-semibold w-10 text-right">
<span className="text-xs text-foreground-muted font-semibold text-right">
{percentage}%
</span>
<span className="bg-background/80 py-0.5 rounded-lg border border-border/60 text-xs font-bold w-14 text-right inline-block">
<span className="bg-background/80 px-1.5 py-0.5 rounded-lg border border-border/60 text-xs font-bold text-center inline-block">
{count} {count === 1 ? "task" : "tasks"}
</span>
</div>