diff --git a/apps/web/src/components/settings/LoadBalancingSettings.tsx b/apps/web/src/components/settings/LoadBalancingSettings.tsx index 514b146c3bac..b4657b71387e 100644 --- a/apps/web/src/components/settings/LoadBalancingSettings.tsx +++ b/apps/web/src/components/settings/LoadBalancingSettings.tsx @@ -28,13 +28,10 @@ export function LoadBalancingSettings({ const updateSettings = useUpdateClientSettings(); return ( - + - + {editorStatusNode} + } control={
setAdding(true)}> diff --git a/apps/web/src/components/settings/settingsLayout.tsx b/apps/web/src/components/settings/settingsLayout.tsx index 1bfa8c87146e..246607340751 100644 --- a/apps/web/src/components/settings/settingsLayout.tsx +++ b/apps/web/src/components/settings/settingsLayout.tsx @@ -155,9 +155,9 @@ export function useRelativeTimeTick(intervalMs = 1_000) { return nowMs; } +/** Muted section headings have no descriptions; explanatory copy belongs to individual settings. */ export function SettingsSection({ title, - description, hideTitle = false, icon, headerAction, @@ -167,7 +167,6 @@ export function SettingsSection({ ...sectionProps }: ComponentPropsWithoutRef<"section"> & { title: string; - description?: ReactNode; hideTitle?: boolean; icon?: ReactNode; headerAction?: ReactNode; @@ -195,11 +194,6 @@ export function SettingsSection({ {icon} {title} - {description ? ( -
- {description} -
- ) : null}
{headerAction}
@@ -225,6 +219,9 @@ export function SettingsSection({ * the control goes inert with a tooltip instead of showing an editable * default that would never save. * + * Keep descriptions short enough for one line where possible. Allow wrapping + * for clarity or narrow screens instead of truncating or forcing no-wrap. + * * Control sizing across settings follows three tiers so rows share a baseline: * - `control` slot: `size="sm"` (Button, Select, Input, NumberField) or `icon-sm`. * - Section `headerAction`s and buttons inside list items, cards, toolbars: `xs` / `icon-xs`.