From f8735348b5e11d83ea81edbb32585bb8744a6631 Mon Sep 17 00:00:00 2001
From: codytseng <codytseng98@gmail.com>
Date: Sun, 17 Aug 2025 21:43:46 +0800
Subject: [PATCH] feat: adjust video player size

---
 src/components/VideoPlayer/index.tsx           | 2 +-
 src/components/YoutubeEmbeddedPlayer/index.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/VideoPlayer/index.tsx b/src/components/VideoPlayer/index.tsx
index ab7c0de..bfbf8f9 100644
--- a/src/components/VideoPlayer/index.tsx
+++ b/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) => {
diff --git a/src/components/YoutubeEmbeddedPlayer/index.tsx b/src/components/YoutubeEmbeddedPlayer/index.tsx
index 85f0f01..be94076 100644
--- a/src/components/YoutubeEmbeddedPlayer/index.tsx
+++ b/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
       )}
     >