voice-poc: multi-share grid + pop-out window per shared screen
This commit is contained in:
1 parent
ebbf1b07d8
commit
a0d5a9a2c7
3 files changed
+87
-7
No files matched your search
@@ -106,6 +106,18 @@ body {
|
||||
#stage:not(.empty) #stage-empty { display: none; }
|
||||
|
||||
#screens { display: flex; gap: 12px; flex-wrap: wrap; }
|
||||
#screens.multi { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); align-content: start; }
|
||||
#screens.multi .screen-card { flex: none; }
|
||||
.screen-card.popped {
|
||||
min-height: 120px; display: grid; place-items: center;
|
||||
background: var(--bg-0); box-shadow: none; border: 1px dashed var(--bg-4);
|
||||
}
|
||||
.pop-btn {
|
||||
position: absolute; right: 8px; top: 8px; z-index: 2;
|
||||
background: rgba(0,0,0,.65); color: var(--text-0); border: none; cursor: pointer;
|
||||
border-radius: 5px; padding: 3px 8px; font-size: 13px; font-weight: 600;
|
||||
}
|
||||
.pop-btn:hover { background: var(--brand); }
|
||||
.screen-card {
|
||||
position: relative; background: #000; border-radius: var(--radius); overflow: hidden;
|
||||
flex: 1 1 480px; max-width: 100%; box-shadow: 0 8px 24px rgba(0,0,0,.4);
|
||||
|
||||
Reference in new issue
Block a user