fix(ui): refine provider endpoint controls

This commit is contained in:
Alexandre Teixeira
2026-09-22 13:12:19 +01:00
parent 46c8451a29
commit 2b2bf0fb90
3 changed files with 323 additions and 20 deletions
+66 -2
View File
@@ -17954,6 +17954,69 @@ body:has(.doc-version-panel:not(.hidden)) .hamburger-btn {
transform-origin: center;
transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.adm-model-row {
display: flex;
align-items: center;
gap: 8px;
min-height: 28px;
padding: 2px 4px;
box-sizing: border-box;
width: 100%;
}
.adm-model-label {
display: flex;
align-items: center;
gap: 8px;
flex: 1 1 auto;
min-width: 0;
cursor: pointer;
}
.adm-model-name {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex: 1;
}
.adm-model-tools-col {
display: inline-flex;
align-items: center;
gap: 6px;
flex: 0 0 auto;
margin-left: auto;
}
.adm-model-tools-label {
font-size: 10px;
opacity: 0.45;
flex-shrink: 0;
user-select: none;
}
.adm-model-tool-mode,
.admin-tools-select {
height: 24px;
min-height: 24px;
line-height: 22px;
font-size: 11px;
padding: 0 18px 0 6px;
width: 124px;
max-width: 130px;
flex-shrink: 0;
border-radius: 4px;
border: 1px solid var(--border);
background-color: var(--select-bg);
color: var(--select-fg);
box-sizing: border-box;
vertical-align: middle;
}
@media (max-width: 480px) {
.adm-model-tool-mode,
.admin-tools-select {
width: 105px;
max-width: 110px;
font-size: 10px;
padding: 0 14px 0 4px;
}
}
.adm-model-row:hover .adm-check-dot {
border-color: var(--accent, var(--red));
transform: scale(1.15);
@@ -49631,9 +49694,10 @@ body.theme-frosted .modal {
/* ChatGPT Subscription per-account usage card (Settings → Added Models) */
.adm-chatgpt-controls {
display: flex;
justify-content: flex-end;
gap: 6px;
align-items: center;
margin: 4px 0 4px 22px;
margin: 4px 0 2px auto;
}
.adm-chatgpt-usage-chevron {
font-size: 10px;
@@ -49642,7 +49706,7 @@ body.theme-frosted .modal {
margin-left: 2px;
}
.adm-chatgpt-usage-host {
margin: 4px 0 6px 22px;
margin: 4px 0 6px 0;
}
.adm-chatgpt-usage {
display: flex;