aheh/call-me
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[call-me] - fix local video position

Browse Source
This commit is contained in:
Miroslav Pejic
2026-02-15 12:28:34 +01:00
parent 7267157af0
commit 1ff7511f0c
4 changed files with 20 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package-lock.json
Generated
+2 -2
View File
@@ -1,12 +1,12 @@
{
"name": "call-me",
"version": "1.3.06",
"version": "1.3.07",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "call-me",
"version": "1.3.06",
"version": "1.3.07",
"license": "AGPLv3",
"dependencies": {
"@ngrok/ngrok": "1.7.0",
package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "call-me",
"version": "1.3.06",
"version": "1.3.07",
"description": "Your Go-To for Instant Video Calls",
"author": "Miroslav Pejic - miroslav.pejic.85@gmail.com",
"license": "AGPLv3",
public/index.html
+5 -6
View File
@@ -114,14 +114,13 @@
<!-- Session time -->
<span id="sessionTime">0s</span>
<!-- Local video container (your video) -->
<div id="localVideoContainer">
<video id="localVideo"></video>
<span id="localUsername"></span>
</div>
<!-- Remote video container (video from the other user) -->
<div id="remoteVideoContainer">
<!-- Local video container (your video) -->
<div id="localVideoContainer">
<video id="localVideo"></video>
<span id="localUsername"></span>
</div>
<div id="streamStatusContainer">
<i id="remoteAudioDisabled" class="fas fa-microphone color-red hide"></i>
<i id="remoteVideoDisabled" class="fas fa-video color-red hide"></i>
public/style.css
+12 -12
View File
@@ -674,10 +674,10 @@ video::-webkit-media-controls {
/* Hide Local Video on Mobile */
@media (max-width: 768px) {
#localVideoContainer {
width: 150px;
height: 112px;
top: 15px;
left: 15px;
width: 120px;
height: 90px;
top: 10px;
left: 10px;
z-index: 100 !important; /* Ensure local video stays on top on mobile */
}
@@ -803,10 +803,10 @@ video::-webkit-media-controls {
/* Landscape orientation for mobile */
@media (max-width: 768px) and (orientation: landscape) {
#localVideoContainer {
width: 120px;
height: 90px;
top: 10px;
left: 10px;
width: 100px;
height: 75px;
top: 8px;
left: 8px;
z-index: 100 !important; /* Ensure local video stays on top in landscape */
}
@@ -829,11 +829,11 @@ video::-webkit-media-controls {
/* Very small screens */
@media (max-width: 480px) {
#localVideoContainer {
width: 130px;
height: 98px;
top: 10px;
width: 100px;
height: 75px;
top: 8px;
z-index: 100 !important; /* Ensure local video stays on top on small screens */
left: 10px;
left: 8px;
}
#localUsername,