admin-aaw/snapify-authentik
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2

player styling

Browse source
This commit is contained in:
MarconLP 2024-11-21 01:42:49 +01:00
parent cfb5466494
commit d7649b8fee
No known key found for this signature in database
GPG key ID: A08A9C8B623F5EA5
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/VideoPlayer.tsx
View file

@ -52,7 +52,7 @@ export default function VideoPlayer({ video_url, thumbnailUrl }: Props) {
return ( return (
<MediaPlayer <MediaPlayer
className="ring-media-focus aspect-video w-full overflow-hidden rounded-md bg-slate-900 font-sans text-white data-[focus]:ring-4" className="ring-media-focus aspect-video w-full overflow-hidden rounded-md bg-black font-sans text-white data-[focus]:ring-4"
title="Sprite Fight" title="Sprite Fight"
src={[ src={[
{ {

6
src/pages/share/[videoId].tsx
View file

@ -131,14 +131,14 @@ const VideoList: NextPage = () => {
</div> </div>
</div> </div>
<div className="flex h-full w-full grow flex-col items-center justify-start overflow-auto bg-[#fbfbfb]"> <div className="flex h-full w-full grow flex-col items-center justify-start overflow-auto bg-[#fbfbfb]">
<div className="flex aspect-video max-h-[calc(100vh_-_169px)] w-full justify-center bg-black 2xl:max-h-[1160px]"> <div className="flex max-h-[calc(100vh_-_169px)] w-full justify-center bg-black 2xl:max-h-[1160px]">
{video?.video_url && ( {video?.video_url && (
<> <div className="aspect-video h-full">
<VideoPlayer <VideoPlayer
thumbnailUrl={video.thumbnailUrl} thumbnailUrl={video.thumbnailUrl}
video_url={video.video_url} video_url={video.video_url}
/> />
</> </div>
)} )}
</div> </div>
<div className="mb-10 mt-4 w-full max-w-[1800px] pl-[24px]"> <div className="mb-10 mt-4 w-full max-w-[1800px] pl-[24px]">