diff options
| author | David Hill <[email protected]> | 2026-01-26 16:09:49 +0000 |
|---|---|---|
| committer | David Hill <[email protected]> | 2026-01-26 19:47:57 +0000 |
| commit | 9346c1ae3ffa9781521bbc81a24141d3227ad41b (patch) | |
| tree | 26b68cb197877720f5f58e53ca31a48423ea0dec | |
| parent | e0e97e9d93c2dc19b41222e72b5b5965ad125e4a (diff) | |
| download | opencode-9346c1ae3ffa9781521bbc81a24141d3227ad41b.tar.gz opencode-9346c1ae3ffa9781521bbc81a24141d3227ad41b.zip | |
fix(app): add hover text for env-connected providers
| -rw-r--r-- | packages/app/src/components/settings-providers.tsx | 11 |
1 files changed, 9 insertions, 2 deletions
diff --git a/packages/app/src/components/settings-providers.tsx b/packages/app/src/components/settings-providers.tsx index a1819678e..3f62199cc 100644 --- a/packages/app/src/components/settings-providers.tsx +++ b/packages/app/src/components/settings-providers.tsx @@ -84,13 +84,20 @@ export const SettingsProviders: Component = () => { > <For each={connected()}> {(item) => ( - <div class="flex items-center justify-between gap-4 h-14 border-b border-border-weak-base last:border-none"> + <div class="group flex items-center justify-between gap-4 h-14 border-b border-border-weak-base last:border-none"> <div class="flex items-center gap-3 min-w-0"> <ProviderIcon id={item.id as IconName} class="size-5 shrink-0 icon-strong-base" /> <span class="text-14-regular text-text-strong truncate">{item.name}</span> <Tag>{type(item)}</Tag> </div> - <Show when={canDisconnect(item)}> + <Show + when={canDisconnect(item)} + fallback={ + <span class="text-14-regular text-text-base opacity-0 group-hover:opacity-100 transition-opacity duration-200 pr-3"> + Connected from your environment variables + </span> + } + > <Button size="large" variant="ghost" onClick={() => void disconnect(item.id, item.name)}> {language.t("common.disconnect")} </Button> |