diff options
Diffstat (limited to 'packages/meshbay-hub/src/meshbay_hub/static/style.css')
| -rw-r--r-- | packages/meshbay-hub/src/meshbay_hub/static/style.css | 33 |
1 files changed, 33 insertions, 0 deletions
diff --git a/packages/meshbay-hub/src/meshbay_hub/static/style.css b/packages/meshbay-hub/src/meshbay_hub/static/style.css index 7ce073a..ee51a8a 100644 --- a/packages/meshbay-hub/src/meshbay_hub/static/style.css +++ b/packages/meshbay-hub/src/meshbay_hub/static/style.css @@ -1060,6 +1060,39 @@ button:disabled { opacity: 0.5; cursor: not-allowed; } } .video-close:hover { background: rgba(255, 255, 255, 0.25); } .video-close.dl-active { background: rgba(34, 197, 94, 0.25); pointer-events: none; } +.video-close.cast-active { background: rgba(59, 130, 246, 0.35); } +.video-close.cast-active:hover { background: rgba(59, 130, 246, 0.5); } +.cast-url-input { + background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.15); + border-radius: 4px; color: #e2e8f0; font-size: 0.75em; font-family: inherit; + padding: 4px 8px; min-width: 0; flex: 1; max-width: 420px; + cursor: text; outline: none; +} +.cast-url-input:focus { border-color: rgba(59, 130, 246, 0.6); } +.cast-wrapper { display: inline-block; } +.cast-picker { + position: absolute; top: calc(100% + 4px); right: 0; z-index: 100; + background: rgba(28, 28, 32, 0.97); border: 1px solid rgba(255, 255, 255, 0.14); + border-radius: 8px; padding: 4px 0; min-width: 230px; + box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45); +} +.cast-picker-item { + display: flex; align-items: center; gap: 8px; width: 100%; + padding: 9px 14px; background: none; border: none; + color: #e2e8f0; font-size: 0.82em; cursor: pointer; text-align: left; + font-family: inherit; +} +.cast-picker-item:hover { background: rgba(255, 255, 255, 0.09); } +.cast-picker-item svg { width: 16px; height: 16px; flex-shrink: 0; } +.cast-picker-scanning { color: #94a3b8; cursor: default; } +.cast-picker-scanning:hover { background: none; } +.cast-picker-empty { color: #64748b; cursor: default; font-style: italic; } +.cast-picker-empty:hover { background: none; } +.cast-picker-sep { height: 1px; margin: 4px 10px; background: rgba(255,255,255,0.1); } +.cast-status-label { + color: #94a3b8; font-size: 0.78em; display: flex; align-items: center; + max-width: 420px; overflow: hidden; white-space: nowrap; +} .video-container { width: 100%; |