unchained/mission-control
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update templates and improve UI styling across components

Browse Source
This commit is contained in:
Abhimanyu Saharan
2026-02-04 13:03:18 +05:30
parent b24e3e1dcd
commit f6105fa0d2
32 changed files with 399 additions and 321 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/components/molecules/HeroCopy.tsx
View File

@@ -5,14 +5,14 @@ export function HeroCopy() {
<div className="space-y-6">
<HeroKicker>Mission Control</HeroKicker>
<div className="space-y-4">
<h1 className="font-heading text-4xl font-bold leading-tight text-gray-900 sm:text-5xl lg:text-6xl">
Orchestrate work without
<h1 className="font-heading text-4xl font-semibold leading-tight text-strong sm:text-5xl lg:text-6xl">
Enterprise control for
<br />
the daily status chase.
autonomous execution.
</h1>
<p className="max-w-xl text-base text-gray-600 sm:text-lg">
OpenClaw keeps every task, agent, and delivery signal in one place so
teams can spot momentum shifts fast.
<p className="max-w-xl text-base text-muted sm:text-lg">
Coordinate boards, agents, and approvals in one command layer. No
status meetings. No blind spots. Just durable execution.
</p>
</div>
</div>

8
frontend/src/components/molecules/TaskCard.tsx
View File

@@ -12,15 +12,15 @@ interface TaskCardProps {
export function TaskCard({ title, status, assignee, due }: TaskCardProps) {
return (
<Card className="border-gray-200 bg-white">
<Card className="border border-[color:var(--border)] bg-[color:var(--surface)]">
<CardContent className="space-y-4">
<div className="flex items-start justify-between gap-3">
<div className="space-y-1">
<p className="text-sm font-semibold text-gray-900">{title}</p>
<div className="space-y-2">
<p className="text-sm font-semibold text-strong">{title}</p>
<StatusPill status={status} />
</div>
</div>
<div className="flex items-center justify-between text-xs text-gray-600">
<div className="flex items-center justify-between text-xs text-muted">
<div className="flex items-center gap-2">
<UserCircle className="h-4 w-4" />
<span>{assignee ?? "Unassigned"}</span>