feat: adjust video player size

src/components/VideoPlayer/index.tsx

@@ -44,7 +44,7 @@ export default function VideoPlayer({ src, className }: { src: string; className
         ref={videoRef}
         controls
         playsInline
-        className={cn('rounded-lg max-h-[80vh] sm:max-h-[50vh] border', className)}
+        className={cn('rounded-lg max-h-[80vh] sm:max-h-[60vh] border', className)}
         src={src}
         onClick={(e) => e.stopPropagation()}
         onPlay={(event) => {

src/components/YoutubeEmbeddedPlayer/index.tsx

@@ -80,8 +80,8 @@ export default function YoutubeEmbeddedPlayer({
   return (
     <div
       className={cn(
-        'rounded-lg border overflow-hidden max-h-[50vh]',
-        isShort ? 'aspect-[9/16]' : 'aspect-video',
+        'rounded-lg border overflow-hidden',
+        isShort ? 'aspect-[9/16] max-h-[80vh] sm:max-h-[60vh]' : 'aspect-video max-h-[60vh]',
         className
       )}
     >