okooooooo/EasyCLIProxyAPI
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(agents): convert codex auth method selector to segmented radio buttons

Browse Source
This commit is contained in:
lzt404 committed 2026-09-15 17:15:21 +08:00
1 parent e25da0c517
commit 76da9b9944
4 files changed
+110 -10
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/styles.css
+54
View File
@@ -14268,6 +14268,59 @@ body.table-col-resizing * {
/* Configuration form and explicit write actions. */
.agent-auth-method { display: grid; gap: 6px; flex: 1; min-width: 0; font-size: var(--font-size-meta); }
.agent-auth-method select { width: 100%; min-height: 38px; padding: 8px 10px; border: 1px solid var(--theme-e3e1db); border-radius: 8px; color: var(--theme-2d2a26); background: var(--theme-fffdf8); }
.agent-auth-segmented {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: center;
gap: 3px;
min-height: 38px;
height: 38px;
padding: 3px;
border: 1px solid var(--theme-e3e1db);
border-radius: 8px;
background: var(--theme-eeece6);
box-sizing: border-box;
}
.agent-auth-segmented-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
height: 100%;
min-width: 0;
padding: 0 10px;
border: 0;
border-radius: 5px;
background: transparent;
color: var(--theme-7a746c);
font-size: var(--font-size-meta);
font-weight: 600;
font-family: inherit;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
user-select: none;
transition: background 140ms ease, color 140ms ease, box-shadow 140ms ease;
}
.agent-auth-segmented-button:hover:not(:disabled) {
background: var(--theme-e8e5dc);
color: var(--theme-2d2a26);
}
.agent-auth-segmented-button.active {
background: var(--theme-fffdf8);
color: var(--theme-2d2a26);
font-weight: 700;
box-shadow: 0 1px 3px rgba(45, 42, 38, 0.12);
}
.agent-auth-segmented-button:disabled {
cursor: not-allowed;
opacity: 0.55;
}
.agent-auth-segmented-button:focus-visible {
outline: 2px solid var(--theme-2d2a26);
outline-offset: -1px;
}
.agent-model-section .agent-codex-options { margin-top: 16px; align-items: end; }
.agent-model-section .agent-codex-catalog-button { min-height: 38px; height: 38px; padding: 8px 10px; }
.agent-write-state { margin: 0; font-size: var(--font-size-meta); color: var(--theme-7a746c); }
@@ -14307,6 +14360,7 @@ body.table-col-resizing * {
.agent-run-controls .agent-launch-button { flex: 0 1 auto; width: auto; min-width: 0; max-width: 100%; }
}
.agent-signin-label { display: flex; align-items: center; gap: 8px; }
.agent-signin-label-title { font-weight: 600; color: var(--theme-2d2a26); }
.agent-signin-help-toggle { display: inline-flex; align-items: center; gap: 4px; min-height: 30px; padding: 3px 6px; border: 0; border-radius: 4px; background: transparent; color: var(--theme-7a746c); font: inherit; cursor: pointer; }
.agent-signin-help-toggle:hover { color: var(--theme-2d2a26); background: var(--theme-fffdf8); }
.agent-signin-help-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }