UNPKG

openclaw

Version:

Multi-channel AI gateway with extensible messaging integrations

2 lines (1 loc) 5.4 kB
.dashboards-header{align-items:center}.dashboards-header__count{align-items:baseline;gap:var(--space-2);color:var(--muted);font-size:var(--control-ui-text-xs);letter-spacing:.04em;text-transform:uppercase;display:flex}.dashboards-header__count strong{color:var(--text-strong);font-size:var(--control-ui-text-lg);letter-spacing:-.03em}.dashboards-gallery{width:100%}.dashboards-toolbar{gap:var(--space-3);margin-bottom:var(--space-3);grid-template-columns:minmax(240px,1fr) max-content max-content;align-items:end;display:grid}.dashboards-search{align-items:center;display:flex;position:relative}.dashboards-search>span[aria-hidden=true]{left:var(--space-3);z-index:1;width:17px;color:var(--muted);pointer-events:none;display:inline-flex;position:absolute}.dashboards-search svg{width:17px;height:17px}.dashboards-search input,.dashboards-select select{border:1px solid var(--border-strong);border-radius:var(--radius-md);min-height:40px;color:var(--text);background:var(--card);font:inherit;transition:border-color var(--duration-fast) ease, background var(--duration-fast) ease, box-shadow var(--duration-fast) ease;outline:none}.dashboards-search input{width:100%;padding:0 var(--space-3) 0 40px}.dashboards-search input::placeholder{color:var(--muted)}.dashboards-search input:focus,.dashboards-select select:focus{border-color:color-mix(in srgb, var(--accent) 66%, var(--border-strong));background:var(--bg-elevated);box-shadow:0 0 0 3px var(--accent-subtle)}.dashboards-select{gap:var(--space-1);display:grid}.dashboards-select>span,.dashboards-results{color:var(--muted);font-size:var(--control-ui-text-xs)}.dashboards-select>span{font-weight:600}.dashboards-select select{min-width:156px;padding:0 34px 0 var(--space-3)}.dashboards-results{margin-bottom:var(--space-3)}.dashboards-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.dashboard-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);min-width:0;box-shadow:var(--shadow-sm);transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease, transform var(--duration-fast) ease;overflow:hidden}@media (hover:hover){.dashboard-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}}.dashboard-card__main{color:inherit;text-decoration:none;display:block}.dashboard-card__main:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.dashboard-preview{aspect-ratio:16/9;border-bottom:1px solid var(--border);background:var(--bg);pointer-events:none;position:relative;overflow:hidden}.dashboard-preview>openclaw-dashboard-preview,.dashboard-preview openclaw-board-document{background:var(--bg);width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}.dashboard-preview .board-document__content>openclaw-board-view{padding:0;overflow:hidden}.dashboard-preview .board-document__content .board-view{min-height:100%;padding:8px}.dashboard-preview .board-tabs{display:none}.dashboard-preview__error{padding:var(--space-4);color:var(--danger);font-size:var(--control-ui-text-xs);text-align:center;place-items:center;display:grid;position:absolute;inset:0}.dashboard-card__body{padding:var(--space-4)}.dashboard-card__heading,.dashboard-card__footer{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.dashboard-card__heading h2{min-width:0;color:var(--text-strong);font-size:var(--control-ui-text-base);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:650;line-height:1.3;overflow:hidden}.dashboard-card__live{color:var(--ok);font-size:var(--control-ui-text-xs);flex:none;align-items:center;gap:5px;font-weight:650;display:inline-flex}.dashboard-card__live i{background:var(--ok);width:6px;height:6px;box-shadow:0 0 0 3px var(--ok-subtle);border-radius:50%}.dashboard-card__author{align-items:center;gap:var(--space-2);margin-top:var(--space-3);color:var(--muted);font-size:var(--control-ui-text-xs);display:flex}.dashboard-card__avatar{border:1px solid var(--border-strong);width:22px;height:22px;color:var(--text);background:var(--bg-hover);border-radius:50%;flex:none;place-items:center;font-size:10px;font-weight:700;display:inline-grid}.dashboard-card__footer{min-height:42px;padding:0 var(--space-4);border-top:1px solid var(--border);color:var(--muted);font-size:var(--control-ui-text-xs)}.dashboard-card__open{width:14px;transition:transform var(--duration-fast) ease;display:inline-flex}@media (hover:hover){.dashboard-card:hover .dashboard-card__open{color:var(--text-strong);transform:translate(2px,-2px)}}.dashboards-no-results{justify-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);color:var(--muted);text-align:center;display:grid}.dashboards-no-results>span[aria-hidden=true]{width:24px;display:inline-flex}.dashboards-no-results strong{color:var(--text-strong)}@media (width<=1100px){.dashboards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.dashboards-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.dashboards-search{grid-column:1/-1}.dashboards-select select{width:100%;min-width:0}}@media (width<=560px){.dashboards-header__count{display:none}.dashboards-grid,.dashboards-toolbar{grid-template-columns:minmax(0,1fr)}.dashboards-search{grid-column:auto}}