4c0ead498a
Add visible labels and responsive spacing for pending credential account fields. - Associate provider-specific account-name labels with pending credential inputs. - Preserve account labels through API-key saving and OAuth login actions. - Cover labeled pending fields for API-key and OAuth credential instances. Files changed: .../AuthenticationSection.instances.test.tsx | 24 +++++++++++++++++++--- .../settings/sections/AuthenticationSection.css | 4 ++++ .../settings/sections/AuthenticationSection.tsx | 11 +++++++++- 3 files changed, 35 insertions(+), 4 deletions(-) Fusion-Task-Id: FN-8725 Fusion-Task-Lineage: df0b6f7d-d1fb-471a-a277-60c794f6e7a7 Co-authored-by: Fusion (runfusion.ai) <noreply@runfusion.ai>
18 lines
1.1 KiB
CSS
18 lines
1.1 KiB
CSS
/*
|
|
FNXC:ProviderAuth 2026-08-01-06:25:
|
|
Credential instance actions remain compact within the existing provider card and wrap on a narrow
|
|
Settings modal so account controls stay reachable without introducing a second card system.
|
|
*/
|
|
.auth-instance-controls { display: flex; flex-direction: column; gap: var(--space-sm); margin-top: var(--space-sm); }
|
|
.auth-instance-list { display: flex; flex-direction: column; gap: var(--space-xs); }
|
|
.auth-instance-row, .auth-instance-pending { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-xs); }
|
|
.auth-instance-pending { gap: var(--space-sm); padding: var(--space-sm); }
|
|
.auth-pending-instance-field { display: flex; flex: 1 1 var(--space-2xl); flex-direction: column; gap: var(--space-xs); }
|
|
.auth-pending-instance-label { color: var(--text-muted); font-size: var(--font-size-xs); font-weight: 600; }
|
|
.auth-instance-row > span { flex: 1; min-width: 0; }
|
|
@media (max-width: 768px) {
|
|
.auth-instance-row, .auth-instance-pending { align-items: stretch; }
|
|
.auth-instance-row > .btn, .auth-instance-pending > .btn { flex: 1; }
|
|
.auth-pending-instance-field { flex-basis: 100%; }
|
|
}
|