vinzenz/hyperhive
vinzenz/hyperhive
Watch
0
0
Fork
You've already forked hyperhive
 0
Code Activity

swarm ui: dialogs are up to 64em wide, matching the wide pages

Browse source 
The cap was 44em, set before the swarm UI went wide. The create-agent panel
reads the same width.
This commit is contained in:
iris 2026-11-01 15:35:50 +01:00 • committed by mara
commit ec51bf3fec
2 changed files with 7 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
frontend/packages/swarm-ui/src/pages/CreateAgentForm.css
View file

@ -9,7 +9,7 @@
display: flex;
flex-direction: column;
box-sizing: border-box;
width: min(90vw, 44em);
width: var(--ui-dialog-width, min(90vw, 64em));
max-height: 85vh;
}
.create-agent-panel > .ui-panel-body {

10
frontend/packages/swarm-ui/src/ui/dialog/Dialog.css
View file

@ -1,10 +1,11 @@
/* <Dialog> — native `<dialog>` styling. Sizes to its own content
(`width: fit-content`, matching a native `<dialog>`'s own UA
default) rather than a fixed width — each caller's content decides
how wide the shell gets, capped at `min(90vw, 44em)` so nothing
how wide the shell gets, capped at `min(90vw, 64em)` so nothing
overflows a narrow viewport or balloons unreasonably wide on
desktop. The create-agent form's two-panel layout is wide enough to
hit that cap on its own (same rendered width as a fixed 44em);
desktop. The cap is `--ui-dialog-width` (64em, set below: the page itself
is 90em wide, and 44em left the dialogs looking narrow beside it), which the
create-agent form's panel reads as its own width;
`ConfirmDialog`'s shorter paragraph settles at its own narrower
intrinsic width instead — no second width mode needed (a forced
`width` was the actual root cause, one level above where a
@ -20,7 +21,8 @@
box-sizing: border-box;
position: relative;
width: fit-content;
max-width: min(90vw, 44em);
--ui-dialog-width: min(90vw, 64em);
max-width: var(--ui-dialog-width);
max-height: 85vh;
overflow: auto;
padding: 1.5em;