feat(design): terminal-SOC aesthetic refresh (sprint 7) #10
@@ -257,7 +257,7 @@ export function SimulationFormPage(): JSX.Element {
|
|||||||
updateMutation.isPending || transitionMutation.isPending || deleteMutation.isPending;
|
updateMutation.isPending || transitionMutation.isPending || deleteMutation.isPending;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="flex flex-col gap-xl max-w-3xl">
|
<div className="flex flex-col gap-xl">
|
||||||
<header className="flex items-start justify-between gap-md">
|
<header className="flex items-start justify-between gap-md">
|
||||||
<div className="flex flex-col gap-sm">
|
<div className="flex flex-col gap-sm">
|
||||||
<Link to={`/engagements/${engagementId}`} className="btn-text-link text-[14px]">
|
<Link to={`/engagements/${engagementId}`} className="btn-text-link text-[14px]">
|
||||||
@@ -298,6 +298,8 @@ export function SimulationFormPage(): JSX.Element {
|
|||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
|
{/* 2-column grid: RT left, SOC right. Stacks vertically below lg. */}
|
||||||
|
<div className="grid gap-xl lg:grid-cols-2 items-start">
|
||||||
{/* Red Team card */}
|
{/* Red Team card */}
|
||||||
<form
|
<form
|
||||||
id="rt-form"
|
id="rt-form"
|
||||||
@@ -432,6 +434,7 @@ export function SimulationFormPage(): JSX.Element {
|
|||||||
/>
|
/>
|
||||||
</FormField>
|
</FormField>
|
||||||
</form>
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
{submitError ? (
|
{submitError ? (
|
||||||
<div role="alert" className="text-[14px] text-bloom-deep">{submitError}</div>
|
<div role="alert" className="text-[14px] text-bloom-deep">{submitError}</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user