Skip to content

Commit d7649b8

Browse files
committed
player styling
1 parent cfb5466 commit d7649b8

File tree

2 files changed

+4
-4
lines changed

2 files changed

+4
-4
lines changed

src/components/VideoPlayer.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@ export default function VideoPlayer({ video_url, thumbnailUrl }: Props) {
5252

5353
return (
5454
<MediaPlayer
55-
className="ring-media-focus aspect-video w-full overflow-hidden rounded-md bg-slate-900 font-sans text-white data-[focus]:ring-4"
55+
className="ring-media-focus aspect-video w-full overflow-hidden rounded-md bg-black font-sans text-white data-[focus]:ring-4"
5656
title="Sprite Fight"
5757
src={[
5858
{

src/pages/share/[videoId].tsx

+3-3
Original file line numberDiff line numberDiff line change
@@ -131,14 +131,14 @@ const VideoList: NextPage = () => {
131131
</div>
132132
</div>
133133
<div className="flex h-full w-full grow flex-col items-center justify-start overflow-auto bg-[#fbfbfb]">
134-
<div className="flex aspect-video max-h-[calc(100vh_-_169px)] w-full justify-center bg-black 2xl:max-h-[1160px]">
134+
<div className="flex max-h-[calc(100vh_-_169px)] w-full justify-center bg-black 2xl:max-h-[1160px]">
135135
{video?.video_url && (
136-
<>
136+
<div className="aspect-video h-full">
137137
<VideoPlayer
138138
thumbnailUrl={video.thumbnailUrl}
139139
video_url={video.video_url}
140140
/>
141-
</>
141+
</div>
142142
)}
143143
</div>
144144
<div className="mb-10 mt-4 w-full max-w-[1800px] pl-[24px]">

0 commit comments

Comments
 (0)