Skip to content

[Bug] Storyline stats: DeadlineCountdown style mismatch in stat boxes #809

@realproject7

Description

@realproject7

Problem

PR #805 placed DeadlineCountdown inside a stat box styled as text-sm font-bold text-foreground. But DeadlineCountdown renders its own inner <div class="text-xs"> with text-accent font-medium, which overrides the parent box styling. The deadline stat box looks visually inconsistent with Market Cap and Supply Minted boxes.

Current rendering

  • Market Cap: text-sm font-bold text-foreground
  • Supply Minted: text-sm font-bold text-foreground
  • Deadline: text-xs font-medium text-accent ❌ (overridden by DeadlineCountdown internals)

Solution

Either:

  • Update DeadlineCountdown to accept optional className props that override its internal styling
  • Or create a thin wrapper in the stat box that strips DeadlineCountdown's wrapper div

The value text should render as text-sm font-bold text-foreground to match the other two boxes. The "expired" state can keep text-error color.

Acceptance Criteria

  • Deadline stat box value matches Market Cap and Supply Minted styling
  • Countdown text renders as text-sm font-bold
  • "expired" state still shows in error color
  • No changes to DeadlineCountdown in other contexts (storyline cards, etc.)

Branch

task/<issue>-deadline-style-fix

Metadata

Metadata

Assignees

No one assigned

    Labels

    agent/T3Assigned to T3 builder agentbugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions