feat(login): More consistent styling

This commit is contained in:
Armin Ronacher
2026-04-24 00:30:31 +02:00
parent 59b0efa761
commit d4d3c2fd39
3 changed files with 8 additions and 8 deletions

View File

@@ -65,7 +65,7 @@ export class OAuthSelectorComponent extends Container implements Focusable {
// Add title
const title = mode === "login" ? "Select provider to configure:" : "Select provider to logout:";
this.addChild(new TruncatedText(theme.bold(title)));
this.addChild(new TruncatedText(theme.fg("accent", theme.bold(title)), 1, 0));
this.addChild(new Spacer(1));
this.searchInput = new Input();
@@ -122,16 +122,16 @@ export class OAuthSelectorComponent extends Container implements Focusable {
const text = theme.fg("accent", provider.name);
line = prefix + text + statusIndicator;
} else {
const text = ` ${provider.name}`;
const text = ` ${theme.fg("text", provider.name)}`;
line = text + statusIndicator;
}
this.listContainer.addChild(new TruncatedText(line, 0, 0));
this.listContainer.addChild(new TruncatedText(line, 1, 0));
}
if (startIndex > 0 || endIndex < this.filteredProviders.length) {
const scrollInfo = theme.fg("muted", ` (${this.selectedIndex + 1}/${this.filteredProviders.length})`);
this.listContainer.addChild(new TruncatedText(scrollInfo, 0, 0));
this.listContainer.addChild(new TruncatedText(scrollInfo, 1, 0));
}
// Show "no providers" if empty
@@ -142,7 +142,7 @@ export class OAuthSelectorComponent extends Container implements Focusable {
? "No providers available"
: "No providers logged in. Use /login first."
: "No matching providers";
this.listContainer.addChild(new TruncatedText(theme.fg("muted", ` ${message}`), 0, 0));
this.listContainer.addChild(new TruncatedText(theme.fg("muted", ` ${message}`), 1, 0));
}
}