Skip to content

Commit

Permalink
[mirotalksfu] - improve settings/moderator UI
Browse files Browse the repository at this point in the history
  • Loading branch information
@miroslavpejic85
miroslavpejic85 committed Nov 7, 2024
1 parent 768fa77 commit 1b01ac9
Show file tree
Hide file tree
Showing 2 changed files with 21 additions and 19 deletions.
20 changes: 11 additions & 9 deletions public/css/Room.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -379,6 +379,13 @@ body {
color: white;
}

/* Responsive adjustments */
@media screen and (max-width: 500px) {
.title p {
font-size: 0.8em;
}
}

.inline-check-box {
margin-bottom: 20px;
display: inline-flex;
Expand Down Expand Up @@ -1088,7 +1095,8 @@ th {

h1,
h2,
h3 {
h3,
h4 {
color: #c2c2c2;
}

Expand Down Expand Up @@ -1455,18 +1463,12 @@ hr {
}

.wa {
width: 320px;
width: 260px;
}

@media screen and (max-width: 500px) {
.wa {
width: 310px;
}
}

@media screen and (max-width: 420px) {
.wa {
width: 200px;
width: 220px;
}
}

Expand Down
20 changes: 10 additions & 10 deletions public/views/Room.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -675,14 +675,14 @@ <h1>Loading</h1>
</div>

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

0 comments on commit 1b01ac9

Please sign in to comment.