deepgeek/gradio-webrtc
2
0
Fork 0
mirror of https://github.com/HumanAIGC-Engineering/gradio-webrtc.git synced 2026-02-05 18:09:23 +08:00
Code Issues Packages Projects Releases Wiki Activity

选择器视觉微调

Browse Source
This commit is contained in:
杍超
2025-02-07 15:39:54 +08:00
parent c612348fe1
commit 41ba67c0ce
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/shared/VideoChat.svelte
View File

@@ -307,7 +307,7 @@
actionsPosition.left = remoteVideoPosition.left + remoteVideoPosition.width + 10 actionsPosition.left = remoteVideoPosition.left + remoteVideoPosition.width + 10
actionsPosition.left = actionsPosition.left > wrapperRect.width ? actionsPosition.left - 60 : actionsPosition.left actionsPosition.left = actionsPosition.left > wrapperRect.width ? actionsPosition.left - 60 : actionsPosition.left
actionsPosition.bottom = wrapperRect.height - remoteVideoPosition.top - remoteVideoPosition.height + 5 actionsPosition.bottom = wrapperRect.height - remoteVideoPosition.top - remoteVideoPosition.height + 5
actionsPosition.isOverflow = actionsPosition.left + 80 > wrapperRect.width actionsPosition.isOverflow = actionsPosition.left + 300 > wrapperRect.width
} else { } else {
// 否则则占用全屏 // 否则则占用全屏
let height = wrapperRect.height - 24 let height = wrapperRect.height - 24
@@ -321,7 +321,7 @@
actionsPosition.left = localVideoPosition.left + localVideoPosition.width + 10 actionsPosition.left = localVideoPosition.left + localVideoPosition.width + 10
actionsPosition.left = actionsPosition.left > wrapperRect.width ? actionsPosition.left-60 : actionsPosition.left actionsPosition.left = actionsPosition.left > wrapperRect.width ? actionsPosition.left-60 : actionsPosition.left
actionsPosition.bottom = wrapperRect.height - localVideoPosition.top - localVideoPosition.height + 5 actionsPosition.bottom = wrapperRect.height - localVideoPosition.top - localVideoPosition.height + 5
actionsPosition.isOverflow = actionsPosition.left + 100 > wrapperRect.width actionsPosition.isOverflow = actionsPosition.left + 300 > wrapperRect.width
} }
} }
@@ -564,6 +564,7 @@
top: 0; top: 0;
left: calc(100%); left: calc(100%);
margin-left: 3px; margin-left: 3px;
&.left { &.left {
left: 0; left: 0;
margin-left: -3px; margin-left: -3px;
@@ -575,6 +576,10 @@
background: rgba(90, 90, 90, 0.5); background: rgba(90, 90, 90, 0.5);
backdrop-filter: blur(8px); backdrop-filter: blur(8px);
.selector { .selector {
max-width: 250px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
position: relative; position: relative;
cursor: pointer; cursor: pointer;
height: 42px; height: 42px;