frontend: Separated Panels in Care team settings

Apply the same COSS Separated Panels treatment used in the other settings
frames (Preferences, AI) to the Care team section: pass separated to its
SettingsSection so the cards render as distinct panels on a muted tray.
The members list keeps p-0/overflow-hidden so its divided rows sit flush
inside their panel.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Khalid Abdi
2026-07-19 20:42:00 +03:00
parent 65975177cf
commit 531cbbad7f
@@ -136,6 +136,7 @@ export function CareTeamPanel({
return ( return (
<SettingsSection <SettingsSection
description={t("settings.careTeam.description")} description={t("settings.careTeam.description")}
separated
title={t("settings.careTeam.title")} title={t("settings.careTeam.title")}
> >
{error && ( {error && (
@@ -157,7 +158,7 @@ export function CareTeamPanel({
</SettingsCard> </SettingsCard>
)} )}
<SettingsCard className="divide-y divide-border"> <SettingsCard className="divide-y divide-border overflow-hidden p-0">
{loading ? ( {loading ? (
<p className="p-6 text-center text-sm text-muted-foreground"> <p className="p-6 text-center text-sm text-muted-foreground">
{t("settings.careTeam.loading")} {t("settings.careTeam.loading")}