style(desktop): drop all borders from cron overlay

Master/detail separated by gap, not a divider; header rule, schedule-
preview chip border, and error-box border removed (subtle bg tints carry
the grouping/semantics). Fully borderless to match the flat overlay pass.
This commit is contained in:
Brooklyn Nicholson
2026-06-06 16:25:26 -05:00
parent de0469e02b
commit b2bd31c724

View File

@@ -458,8 +458,8 @@ export function CronView({
{c.newCron}
</Button>
</div>
<div className="grid min-h-0 flex-1 grid-cols-[minmax(12rem,17rem)_minmax(0,1fr)] px-4 pb-3">
<div className="min-h-0 overflow-y-auto border-r border-(--ui-stroke-tertiary) py-1 pr-2">
<div className="grid min-h-0 flex-1 grid-cols-[minmax(12rem,17rem)_minmax(0,1fr)] gap-5 px-4 pb-3">
<div className="min-h-0 overflow-y-auto py-1">
{visibleJobs.map(job => (
<CronJobListRow
active={selectedJob?.id === job.id}
@@ -470,7 +470,7 @@ export function CronView({
/>
))}
</div>
<div className="min-h-0 overflow-y-auto pl-3">
<div className="min-h-0 overflow-y-auto">
{selectedJob && (
<CronJobDetail
busy={busyJobId === selectedJob.id}
@@ -579,7 +579,7 @@ function CronJobDetail({
return (
<div className="flex h-full min-h-0 flex-col">
<div className="flex flex-col gap-3 border-b border-(--ui-stroke-tertiary) px-4 py-3">
<div className="flex flex-col gap-3 px-4 py-3">
<div className="flex flex-wrap items-center gap-2">
<span className="text-sm font-medium">{jobTitle(job)}</span>
<StatePill tone={STATE_TONE[state] ?? 'muted'}>{c.states[state] ?? state}</StatePill>
@@ -914,7 +914,7 @@ function CronEditorDialog({
<FieldHint>{c.customHint}</FieldHint>
</Field>
) : (
<div className="rounded-md border border-(--ui-stroke-tertiary) bg-(--ui-bg-quinary) px-3 py-2">
<div className="rounded-md bg-(--ui-bg-quinary) px-3 py-2">
<div className="flex flex-wrap items-center justify-between gap-2 text-xs">
<span className="font-medium text-foreground">{scheduleHint}</span>
<span className="font-mono text-muted-foreground">{schedule}</span>
@@ -923,7 +923,7 @@ function CronEditorDialog({
)}
{error && (
<div className="flex items-start gap-2 rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-xs text-destructive">
<div className="flex items-start gap-2 rounded-md bg-destructive/10 px-3 py-2 text-xs text-destructive">
<AlertTriangle className="mt-0.5 size-3.5 shrink-0" />
<span>{error}</span>
</div>