minor design fixes

2023-03-20 15:12:41 +07:00
parent 6e08379523
commit b10a70b4ce
6 changed files with 36 additions and 12 deletions
@@ -4,7 +4,14 @@ import ReactPlayer from 'react-player/lazy';
 export const VideoPreview = memo(function VideoPreview({ data }: { data: string }) {
  return (
    <div className="relative mt-2 flex flex-col overflow-hidden rounded-lg">
-      <ReactPlayer url={data} controls={true} volume={0} className="aspect-video w-full" width="100%" height="100%" />
+      <ReactPlayer
+        url={data}
+        controls={true}
+        volume={0}
+        className="aspect-video w-full xl:w-2/3"
+        width="100%"
+        height="100%"
+      />
    </div>
  );
 });