openclaw
Version:
Multi-channel AI gateway with extensible messaging integrations
2 lines (1 loc) • 4.07 kB
CSS
.device-entry{--device-tile-size:38px;grid-template-columns:var(--device-tile-size) minmax(0, 1fr) auto;align-items:start;display:grid}.device-entry__body{gap:var(--space-2);min-width:0;display:grid}.device-entry>.settings-row__control{flex-wrap:wrap;max-width:300px}.device-entry__tile{width:var(--device-tile-size);height:var(--device-tile-size);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);color:var(--muted);justify-content:center;align-items:center;display:flex}.device-entry__tile-icon{display:flex}.device-entry__tile-icon svg{stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.device-entry__heading{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.device-entry__status{padding:1px var(--space-2);border-radius:var(--radius-full);background:var(--bg-hover);display:inline-flex}.device-resources{gap:var(--space-4);margin-top:var(--space-1);grid-template-columns:repeat(3,minmax(0,160px));display:grid}.device-resource{gap:var(--space-1);min-width:0;color:var(--muted);font-size:var(--control-ui-text-xs);font-variant-numeric:tabular-nums;flex-direction:column;display:flex}.device-resource--load{grid-column:1}.device-resource--memory{grid-column:2}.device-resource--disk{grid-column:3}.device-resource .session-context-meter{width:100%;height:4px}.device-capabilities,.device-entry__scopes{gap:var(--space-1);flex-wrap:wrap;display:flex}.device-capabilities{margin-top:var(--space-1)}.device-capability{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--muted);font-size:var(--control-ui-text-xs);overflow-wrap:anywhere;display:inline-flex}.device-capability__icon{flex:none;display:inline-flex}.device-capability svg{flex:none;width:13px;height:13px}.device-capability--disabled{background:0 0;border-style:dashed}.device-capability--scope{background:var(--bg-hover)}.device-entry__details{font-size:var(--control-ui-text-sm);grid-column:2/-1}.device-entry__details>summary,.device-group__dups>summary{color:var(--muted);-webkit-user-select:none;user-select:none;cursor:var(--cursor-action)}@media (hover:hover){.device-entry__details>summary:hover,.device-group__dups>summary:hover{color:var(--text)}}.device-entry__facts{gap:var(--space-3) var(--space-4);margin:var(--space-3) 0 0;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);grid-template-columns:max-content minmax(0,1fr);display:grid}.device-entry__facts dd{text-align:start;overflow-wrap:anywhere;min-width:0;margin:0}.device-entry__tokens{overflow-x:auto}.device-token-table{overflow-wrap:normal;border-collapse:collapse;width:100%;min-width:480px;color:var(--muted);font-size:var(--control-ui-text-xs)}.device-token-table th,.device-token-table td{padding:var(--space-2);text-align:start;vertical-align:top}.device-token-table th{padding-top:0;font-weight:500}.device-token-table td{border-top:1px solid var(--border)}.device-token-table :is(th,td):last-child{text-align:end}.device-entry__token-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.device-entry__menu-trigger{justify-content:center;align-items:center;display:inline-flex}.device-group__dups{border-top:1px solid color-mix(in srgb, var(--border) 60%, transparent);padding-left:calc(38px + var(--space-4))}.device-group__dups+.settings-row{border-top:1px solid color-mix(in srgb, var(--border) 60%, transparent)}.device-group__dups>summary{padding:var(--space-2) var(--space-4);font-size:var(--control-ui-text-sm)}@media (width<=640px){.device-entry{grid-template-columns:var(--device-tile-size) minmax(0, 1fr)}.device-entry>.settings-row__control{grid-column:2;justify-content:flex-start;width:100%;max-width:none}.device-resources{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr))}.device-entry__details{grid-column:2}.device-entry__facts{gap:var(--space-2);grid-template-columns:minmax(0,1fr)}}