authorgravatar for maria@kuuro.netmaria <maria@kuuro.net> 2026-09-04 17:16:51-04:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-09-04 17:16:51-04:00
log764946502390845919d974490bc85e87b788c996
treefef38cbdb5def3627ff0d1bf9d3fe0f827f7417e
parent935917f50a2d9ccdd772464de140c187ca80bb0b
signature Signed by PGP key B5690EEEBB952194

fix(web): align provider controls with machine tabs (#9769)

1 files changed, 10 insertions(+), 11 deletions(-)

apps/web/src/components/settings/ProviderSettingsPanel.tsx+10-11
......@@ -191,8 +191,10 @@ function ProviderSettingsPlaceholder({
191191 readonly children?: ReactNode;
192192}) {
193193 return (
194 <SettingsSection {...searchableSetting("providers")} variant="plain">
195 {deviceTabs}
194 <SettingsSection {...searchableSetting("providers")} hideTitle variant="plain">
195 {deviceTabs ? (
196 <div className="flex min-h-11 min-w-0 items-center px-3 sm:px-4">{deviceTabs}</div>
197 ) : null}
196198 <div
197199 className={cn(
198200 providerCardClassName,
......@@ -323,7 +325,7 @@ function ProviderSettingsPanelContent(target: ProviderSettingsTarget) {
323325 options.length === 1 && options[0]?.entry.target._tag === "PrimaryConnectionTarget";
324326 const deviceTabs =
325327 !onlyPrimaryDevice && options.length > 0 ? (
326 <ScrollArea hideScrollbars scrollFade className="mx-3 h-11 min-w-0 rounded-none sm:mx-4">
328 <ScrollArea hideScrollbars scrollFade className="h-11 min-w-0 flex-1 rounded-none">
327329 <div role="group" aria-label="Devices" className="flex h-full w-max min-w-full px-1">
328330 {options.map((environment) => {
329331 const machine = resolveEnvironmentMachineKind(environment.serverConfig);
......@@ -977,11 +979,10 @@ export function EnvironmentProviderSettings({
977979
978980 return (
979981 <>
980 <SettingsSection
981 {...searchableSetting("providers")}
982 variant="plain"
983 headerAction={
984 <div className="flex min-w-0 items-center gap-2">
982 <SettingsSection {...searchableSetting("providers")} hideTitle variant="plain">
983 <div className="flex min-h-11 min-w-0 items-center gap-2 px-3 sm:px-4">
984 {deviceTabs}
985 <div className="ml-auto flex min-w-0 shrink-0 items-center gap-2">
985986 {readOnly ? (
986987 <span className="min-w-0 truncate text-xs text-muted-foreground">
987988 <ProviderLastChecked lastCheckedAt={lastCheckedAt} />
......@@ -1030,9 +1031,7 @@ export function EnvironmentProviderSettings({
10301031 </>
10311032 )}
10321033 </div>
1033 }
1034 >
1035 {deviceTabs}
1034 </div>
10361035 {readOnly ? (
10371036 <div className={cn(providerCardClassName, "overflow-hidden")}>
10381037 <SettingsRow