diff --git a/src/components/ResponsiveImage.tsx b/src/components/ResponsiveImage.tsx index e806be8..f184f31 100644 --- a/src/components/ResponsiveImage.tsx +++ b/src/components/ResponsiveImage.tsx @@ -23,28 +23,12 @@ const ResponsiveImage: React.FC = ({ - const aspectRatio = (height / width) * 100 - - - - const imageStyle: CSSProperties = { - width: '100%', - height: '100%', - objectFit: 'cover' - } - - const wrapperStyle: CSSProperties = { - position: 'relative', - paddingBottom: `${aspectRatio}%`, - overflow: 'hidden', - ...style - } - return ( @@ -76,34 +60,6 @@ const ResponsiveImage: React.FC = ({ /> ) - - return ( -
- {loading ? ( - - ) : ( - {alt} - )} -
- ) } export default ResponsiveImage diff --git a/src/pages/Home/VideoList.tsx b/src/pages/Home/VideoList.tsx index 4edd294..6f1b6ea 100644 --- a/src/pages/Home/VideoList.tsx +++ b/src/pages/Home/VideoList.tsx @@ -606,6 +606,9 @@ export const VideoList = ({ mode }: VideoListProps) => { src={videoObj?.image} width={266} height={150} + style={{ + maxHeight: '50%' + }} /> {videoObj?.title}