rt/wrolpi
1
0
Fork 0
mirror of https://github.com/lrnselfreliance/wrolpi.git synced 2026-10-26 10:51:36 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Centering video player in VideoPage.

Browse source
This commit is contained in:
Roland 2024-08-02 11:56:06 -06:00
parent 3906223844
commit c5e86c19e8
No known key found for this signature in database
GPG key ID: 1BA620CE6C9A4680
2 changed files with 6 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

5
app/src/App.css
View file

@ -245,3 +245,8 @@ textarea.otp {
.divider.inverted {
color: rgb(255, 255, 255, 0.6) !important;
}
.video-player {
display: block;
margin: 0 auto; /* Center the video horizontally */
}

1
app/src/components/VideoPlayer.js
View file

@ -350,6 +350,7 @@ function VideoPage({videoFile, prevFile, nextFile, fetchVideo, ...props}) {
</Container>
<video controls
class='video-player'
autoPlay={props.autoplay !== undefined ? props.autoplay : true}
poster={posterUrl}
id="player"