openclaw
Version:
Multi-channel AI gateway with extensible messaging integrations
2 lines (1 loc) • 4.92 kB
CSS
.model-providers__head{justify-content:space-between;align-items:center;gap:var(--space-4);min-width:0;display:flex}.model-providers__identity{align-items:center;gap:var(--space-3);min-width:0;display:flex}.model-providers__icon{flex:0 0 26px;width:26px;height:26px}.model-providers__icon.provider-brand-icon--fallback{font-size:12px}.model-providers__no-stats,.model-providers__local-cost-detail{color:var(--muted);font-size:var(--control-ui-text-xs)}.model-providers__local-cost{gap:var(--space-1);border-top:1px solid color-mix(in srgb, var(--border) 70%, transparent);padding-top:var(--space-3);display:grid}.model-providers__global-metrics{gap:var(--space-3);display:grid}.model-providers__global-metrics-title{color:var(--muted);font-size:var(--control-ui-text-xs);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.model-providers__inline-form,.model-providers__probe{gap:12px;display:grid}.model-providers__setup .settings-row{min-height:92px;padding-block:var(--space-5)}.model-providers__setup .settings-row__title{font-size:var(--control-ui-text-lg);font-weight:600}.model-providers__credentials{border-top:1px solid color-mix(in srgb, var(--border) 70%, transparent);border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent);color:var(--muted);justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;font-size:12px;display:flex}.model-providers__credentials strong{color:var(--text);text-align:right;font-weight:600}.model-providers__card-actions,.model-providers__form-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.model-providers__card-actions{border-top:1px solid color-mix(in srgb, var(--border) 70%, transparent);padding-top:10px}.model-providers__inline-form,.model-providers__confirm,.model-providers__probe{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-muted);padding:12px}.model-providers__confirm{color:var(--text);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.model-providers__probe{font-size:12px}.model-providers__probe--success{border-color:color-mix(in srgb, var(--ok) 35%, var(--border))}.model-providers__probe--warning{border-color:color-mix(in srgb, var(--warn) 35%, var(--border))}.model-providers__probe--error{border-color:color-mix(in srgb, var(--danger) 35%, var(--border))}.model-providers__probe-summary,.model-providers__probe-target{justify-content:space-between;align-items:center;gap:12px;display:flex}.model-providers__probe-target{border-top:1px solid color-mix(in srgb, var(--border) 65%, transparent);flex-wrap:wrap;padding-top:8px}.model-providers__probe-target small{color:var(--muted);flex-basis:100%}.model-providers__add-form{grid-template-columns:minmax(160px,.8fr) minmax(220px,1.4fr) auto;align-items:end;gap:12px;margin-top:16px;display:grid}.model-providers__label-with-help{align-items:center;gap:var(--space-2);width:fit-content;display:inline-flex}.model-providers__label-with-help .settings-section__help-button svg{width:14px;height:14px}.model-providers__help-button{border:0;border-radius:0;width:16px;height:16px}.model-providers__help-button:focus-visible{color:var(--text)}@media (hover:hover){.model-providers__help-button:hover{color:var(--text)}}.model-providers__help-button:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}.model-providers__segment-label{align-items:center;gap:var(--space-2);display:inline-flex}.model-providers__segment-info{width:14px;height:14px;color:var(--muted);cursor:var(--cursor-action);background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.model-providers__segment-info svg{width:12px;height:12px}.model-providers__segment-info:focus-visible{color:var(--text)}@media (hover:hover){.model-providers__segment-info:hover{color:var(--text)}}.model-providers__segment-info:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}.settings-section>.settings-group:has(>.model-providers__provider-list){background:0 0;border:0;overflow:visible}.model-providers__provider-list{gap:calc(var(--space-3) * 1.5);display:grid}.model-providers__updated{color:var(--muted);font-size:var(--control-ui-text-xs)}.settings-section__actions .model-providers__refresh-button.btn--icon.btn--xs svg{width:var(--control-ui-text-xs);height:var(--control-ui-text-xs)}.model-providers__defaults .model-picker{width:min(420px,100%)}@media (width<=768px){.model-providers__head{flex-wrap:wrap;align-items:flex-start}.model-providers__identity,.model-providers__head>.settings-row__control{flex:100%;width:100%}.model-providers__head>.settings-row__control{justify-content:flex-start}.model-providers__add-form{grid-template-columns:1fr}.model-providers__credentials,.model-providers__confirm{flex-direction:column;align-items:flex-start}.model-providers__credentials strong{text-align:left}}