From 2e6381abe7e39f3d2f71136171f6f87c7bb3dddd Mon Sep 17 00:00:00 2001
From: Ted <wodf410@gmail.com>
Date: Wed, 18 Dec 2024 16:22:47 +0800
Subject: [PATCH] fix: adjust banner height for mobile view

---
 src/pages/ProgramPage/Secondary/Banner/PictureBanner.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/pages/ProgramPage/Secondary/Banner/PictureBanner.tsx b/src/pages/ProgramPage/Secondary/Banner/PictureBanner.tsx
index 8c8e32efe..7e6cf72af 100644
--- a/src/pages/ProgramPage/Secondary/Banner/PictureBanner.tsx
+++ b/src/pages/ProgramPage/Secondary/Banner/PictureBanner.tsx
@@ -6,6 +6,11 @@ const StyledWrapper = styled.div<{ width?: { desktop: string; mobile: string } }
   position: relative;
   overflow: ${props => (props.width ? 'visible' : 'hidden')};
   height: calc(100vw * (9 / 16));
+
+  @media (max-width: ${BREAK_POINT}px) {
+    height: 40vh;
+  }
+
   @media (min-width: ${BREAK_POINT}px) {
     height: ${props => (props.width ? props.width.desktop : 'auto')};
   }