archive/bigly-chat
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixes UI

Browse source
This commit is contained in:
biglyderv 2024-10-25 21:06:23 -04:00
parent c30199e699
commit d32326cd31
3 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
static/main.css
View file

@ -235,6 +235,10 @@ body {
left: 0; left: 0;
} }
.header.full {
display: none;
}
video { video {
width: 180px; width: 180px;
height: 200px; height: 200px;

7
static/main.js
View file

@ -41,6 +41,7 @@ function controls(vid) {
let bar = vid.querySelector('.progressbar'); let bar = vid.querySelector('.progressbar');
let video = vid.querySelector('video'); let video = vid.querySelector('video');
let play = vid.querySelector('.play'); let play = vid.querySelector('.play');
let h = document.querySelector('.header');
video.onclick = play.onclick = () => { video.onclick = play.onclick = () => {
play.querySelector('img').src = !video.paused ? '/static/img/play.svg' : '/static/img/stop.svg'; play.querySelector('img').src = !video.paused ? '/static/img/play.svg' : '/static/img/stop.svg';
@ -56,9 +57,11 @@ function controls(vid) {
isFull = !isFull; isFull = !isFull;
e.target.src = isFull ? '/static/img/tiny.svg' : '/static/img/full.svg'; e.target.src = isFull ? '/static/img/tiny.svg' : '/static/img/full.svg';
if (isFull) { if (isFull) {
vid.classList.add('full') vid.classList.add('full');
h.classList.add('full');
} else { } else {
vid.classList.remove('full') vid.classList.remove('full');
h.classList.remove('full');
} }
} }

2
views/player.ejs
View file

@ -22,7 +22,7 @@
<img src='/pfp/<%= videoData.username %>.png' class='avatar-img'> <img src='/pfp/<%= videoData.username %>.png' class='avatar-img'>
<div> <div>
<b><a class='link' href="/client/user?id=<%= videoData.username %>"> <b><a class='link' href="/client/user?id=<%= videoData.username %>">
@<%= videoData.username %></a></b> <%= videoData.username %></a></b>
</a> </a>
</div> </div>
</div> </div>