From 4bd81d5b0f13d4b6f5bf3b09f718904c20800266 Mon Sep 17 00:00:00 2001 From: iris Date: Fri, 6 Nov 2026 18:54:34 +0100 Subject: [PATCH] fixup! swarm-ui: forms share one submit flow, result line and field column --- .../swarm-ui/src/ui/form-stack/FormStack.css | 7 +------ .../swarm-ui/src/ui/form-stack/FormStack.tsx | 14 +++----------- 2 files changed, 4 insertions(+), 17 deletions(-) diff --git a/frontend/packages/swarm-ui/src/ui/form-stack/FormStack.css b/frontend/packages/swarm-ui/src/ui/form-stack/FormStack.css index 90558960..a60ea94a 100644 --- a/frontend/packages/swarm-ui/src/ui/form-stack/FormStack.css +++ b/frontend/packages/swarm-ui/src/ui/form-stack/FormStack.css @@ -1,12 +1,7 @@ .ui-form-stack { display: flex; flex-direction: column; + align-items: flex-start; gap: 0.75em; margin-top: 1em; } -.ui-form-stack-start { - align-items: flex-start; -} -.ui-form-stack-stretch { - align-items: stretch; -} diff --git a/frontend/packages/swarm-ui/src/ui/form-stack/FormStack.tsx b/frontend/packages/swarm-ui/src/ui/form-stack/FormStack.tsx index 87bd8fa6..fd83355c 100644 --- a/frontend/packages/swarm-ui/src/ui/form-stack/FormStack.tsx +++ b/frontend/packages/swarm-ui/src/ui/form-stack/FormStack.tsx @@ -1,25 +1,17 @@ -// — a `
` whose fields and buttons stack in one column, with -// the gap the forms in dialogs and panels share. The fields keep their own -// width (`align="start"`) or fill the form (`align="stretch"`). +// — a `` whose fields and buttons stack in one column, each +// keeping its own width, with the gap the forms in dialogs and panels share. import type { ComponentChildren } from "preact"; import "./FormStack.css"; export function FormStack({ onSubmit, - align = "start", - class: extraClass, children, }: { onSubmit: (e: Event) => void; - align?: "start" | "stretch"; - class?: string; children: ComponentChildren; }) { - const classes = ["ui-form-stack", `ui-form-stack-${align}`, extraClass] - .filter(Boolean) - .join(" "); return ( - + {children} );