ghaymah_dev/codepill-sfu
1
0
نسخ 0
الشفرة المشكلات طلبات السحب Actions Packages المشاريع الإصدارات الويكي النشاط

[mirotalksfu] - improve settings/moderator UI

تصفح المصدر
هذا الالتزام موجود في:
Miroslav Pejic
2024-11-07 14:38:08 +01:00
الأصل 768fa77ac6
التزام 1b01ac97f1
2 ملفات معدلة مع 21 إضافات و19 حذوفات
تنزيل ملف التصحيح تنزيل ملف الاختلاف توسيع جميع الملفات طي جميع الملفات

20
public/css/Room.css
عرض الملف

@@ -379,6 +379,13 @@ body {
color: white; color: white;
} }
/* Responsive adjustments */
@media screen and (max-width: 500px) {
.title p {
font-size: 0.8em;
}
}
.inline-check-box { .inline-check-box {
margin-bottom: 20px; margin-bottom: 20px;
display: inline-flex; display: inline-flex;
@@ -1088,7 +1095,8 @@ th {
h1, h1,
h2, h2,
h3 { h3,
h4 {
color: #c2c2c2; color: #c2c2c2;
} }
@@ -1455,18 +1463,12 @@ hr {
} }
.wa { .wa {
width: 320px; width: 260px;
} }
@media screen and (max-width: 500px) { @media screen and (max-width: 500px) {
.wa { .wa {
width: 310px; width: 220px;
}
}
@media screen and (max-width: 420px) {
.wa {
width: 200px;
} }
} }

20
public/views/Room.html
عرض الملف

@@ -675,14 +675,14 @@ access to use this app.
</div> </div>
<div id="tabModerator" class="tabcontent"> <div id="tabModerator" class="tabcontent">
<h3>Moderator options</h3> <h4>Moderator options for Everyone</h4>
<hr /> <hr />
<table class="settingsTable"> <table class="settingsTable">
<tr id="everyonePrivacyBtn"> <tr id="everyonePrivacyBtn">
<td class="wa"> <td class="wa">
<div class="title"> <div class="title">
<i class="fas fa-circle-user"></i> <i class="fas fa-circle-user"></i>
<p>Everyone starts in privacy mode</p> <p>Start in Privacy Mode</p>
</div> </div>
</td> </td>
<td> <td>
@@ -700,7 +700,7 @@ access to use this app.
<td class="wa"> <td class="wa">
<div class="title"> <div class="title">
<i class="fas fa-microphone-slash"></i> <i class="fas fa-microphone-slash"></i>
<p>Everyone starts muted</p> <p>Join Muted</p>
</div> </div>
</td> </td>
<td> <td>
@@ -713,7 +713,7 @@ access to use this app.
<td class="wa"> <td class="wa">
<div class="title"> <div class="title">
<i class="fas fa-video-slash"></i> <i class="fas fa-video-slash"></i>
<p>Everyone starts hidden</p> <p>Join Hidden</p>
</div> </div>
</td> </td>
<td> <td>
@@ -736,7 +736,7 @@ access to use this app.
<td class="wa"> <td class="wa">
<div class="title"> <div class="title">
<i class="fas fa-microphone red"></i> <i class="fas fa-microphone red"></i>
<p>Everyone can't unmute themselves</p> <p>Restrict Self-Unmute</p>
</div> </div>
</td> </td>
<td> <td>
@@ -754,7 +754,7 @@ access to use this app.
<td class="wa"> <td class="wa">
<div class="title"> <div class="title">
<i class="fas fa-video red"></i> <i class="fas fa-video red"></i>
<p>Everyone can't unhide themselves</p> <p>Restrict Self-Unhide</p>
</div> </div>
</td> </td>
<td> <td>
@@ -772,7 +772,7 @@ access to use this app.
<td class="wa"> <td class="wa">
<div class="title"> <div class="title">
<i class="fas fa-display red"></i> <i class="fas fa-display red"></i>
<p>Everyone can't share screen</p> <p>Disable Screen Sharing</p>
</div> </div>
</td> </td>
<td> <td>
@@ -790,7 +790,7 @@ access to use this app.
<td class="wa"> <td class="wa">
<div class="title"> <div class="title">
<i class="fa-solid fa-comments red"></i> <i class="fa-solid fa-comments red"></i>
<p>Everyone can't chat privately</p> <p>Disable Private Chat</p>
</div> </div>
</td> </td>
<td> <td>
@@ -808,7 +808,7 @@ access to use this app.
<td class="wa"> <td class="wa">
<div class="title"> <div class="title">
<i class="fa-solid fa-robot red"></i> <i class="fa-solid fa-robot red"></i>
<p>Everyone can't use ChatGPT</p> <p>Disable ChatGPT Access</p>
</div> </div>
</td> </td>
<td> <td>
@@ -826,7 +826,7 @@ access to use this app.
<td class="wa"> <td class="wa">
<div class="title"> <div class="title">
<i class="fas fa-users-slash red"></i> <i class="fas fa-users-slash red"></i>
<p>Disconnect all upon leaving room</p> <p>Disconnect all on Exit</p>
</div> </div>
</td> </td>
<td> <td>