Spaces:
Sleeping
Sleeping
| .dc-page { | |
| display: flex; | |
| flex-direction: column; | |
| height: calc(100vh - 48px); | |
| gap: 0px; | |
| } | |
| .dc-layout { | |
| display: flex; | |
| gap: 0; | |
| flex: 1; | |
| min-height: 0; | |
| border-top: 1px solid var(--border); | |
| } | |
| .dc-left { | |
| min-width: 250px; | |
| max-width: 600px; | |
| overflow-y: auto; | |
| padding: 8px; | |
| background: var(--bg-soft); | |
| } | |
| .dc-resizer { | |
| width: 6px; | |
| cursor: col-resize; | |
| background: transparent; | |
| transition: background 0.2s; | |
| flex: none; | |
| z-index: 10; | |
| margin: 0 -3px; /* Allow clicking between panels */ | |
| } | |
| .dc-resizer:hover, .dc-resizer:active { | |
| background: var(--primary); | |
| width: 6px; | |
| } | |
| .dc-right { | |
| flex: 1; | |
| display: flex; | |
| flex-direction: column; | |
| min-width: 0; | |
| overflow-y: auto; | |
| } | |
| .dc-toolbar { | |
| flex-wrap: wrap; | |
| } | |
| .dc-hint { | |
| font-size: 12px; | |
| color: var(--text-muted); | |
| padding: 12px; | |
| background: var(--primary-light); | |
| border-radius: var(--radius); | |
| } | |
| .dc-search-bar input { | |
| min-width: 180px; | |
| } | |
| /* Process separator */ | |
| .dc-separator { | |
| border: none; | |
| border-top: 3px solid var(--border); | |
| margin: 12px 0; | |
| } | |
| /* ── Stream data table: compact styles now managed via inline styles in component ── */ | |
| .stream-data-table table { | |
| width: 100%; | |
| border-collapse: collapse; | |
| } | |
| .stream-data-table tr:nth-child(even) td { | |
| background: var(--surface-hover, #f8f8f8); | |
| } | |