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 (
<SettingsSection
description={t("settings.careTeam.description")}
separated
title={t("settings.careTeam.title")}
>
{error && (
@@ -157,7 +158,7 @@ export function CareTeamPanel({
</SettingsCard>
)}
<SettingsCard className="divide-y divide-border">
<SettingsCard className="divide-y divide-border overflow-hidden p-0">
{loading ? (
<p className="p-6 text-center text-sm text-muted-foreground">
{t("settings.careTeam.loading")}