When enough accordion sections are expanded in the Server Settings modal, the modal body grows past the viewport and the whole modal scrolls — taking the header (title and close button) out of view.
The header should stay pinned and only the content area should scroll.
Expected
- Modal header is always visible, regardless of how much content is expanded.
- Content below the header scrolls within the modal.
Scope
clients/web/src/components/groups/ServerSettingsModal/ServerSettingsModal.tsx- Apply the same change to the Client Settings modal. It does not currently have enough content to scroll, but it may in future — keep the two consistent.
Notes
Mantine Modal supports this via scrollAreaComponent={ScrollArea.Autosize}, which keeps Modal.Header sticky and scrolls Modal.Body. Per project conventions, prefer component props / theme variants over CSS classes.
When enough accordion sections are expanded in the Server Settings modal, the modal body grows past the viewport and the whole modal scrolls — taking the header (title and close button) out of view.
The header should stay pinned and only the content area should scroll.
Expected
Scope
clients/web/src/components/groups/ServerSettingsModal/ServerSettingsModal.tsxNotes
Mantine
Modalsupports this viascrollAreaComponent={ScrollArea.Autosize}, which keepsModal.Headersticky and scrollsModal.Body. Per project conventions, prefer component props / theme variants over CSS classes.