tremble7681andClaude Opus 5
0c7735ef85
Светлый сине-серый фон #EEF1F5, белые карточки, чернильный текст #0F172A, фирменный красный акцент #DC2626 у кнопки действия, зелёный #059669 у прихода денег, янтарный #D97706 у предупреждений — токены сняты с живого сайта (переменные --s-* в его инлайн-CSS). Имена токенов теперь роли, а не краски: canvas / surface / line / ink / muted / accent / pos / neg / warn. Прежние cream и ink описывали конкретный цвет, и при смене палитры «cream» стал бы синим. Тема браузера и манифест PWA переведены на новый фон — иначе шторка адресной строки и заставка запуска остаются от прежней темы. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
20 lines
623 B
TypeScript
20 lines
623 B
TypeScript
interface Props { value: string; options: { value: string; label: string }[]; onChange: (v: string) => void; }
|
|
export function Segment({ value, options, onChange }: Props) {
|
|
return (
|
|
<div className="flex gap-1.5">
|
|
{options.map((o) => (
|
|
<button
|
|
key={o.value}
|
|
type="button"
|
|
onClick={() => onChange(o.value)}
|
|
className={`flex-1 py-2.5 rounded-xl2 text-xs border ${
|
|
value === o.value ? "bg-ink text-white border-ink font-bold" : "bg-surface border-line text-muted"
|
|
}`}
|
|
>
|
|
{o.label}
|
|
</button>
|
|
))}
|
|
</div>
|
|
);
|
|
}
|