diff --git a/frontend/src/components/Video/ChatPanel.tsx b/frontend/src/components/Video/ChatPanel.tsx index eaf0396..b9182f8 100644 --- a/frontend/src/components/Video/ChatPanel.tsx +++ b/frontend/src/components/Video/ChatPanel.tsx @@ -116,7 +116,7 @@ const ChatPanel: React.FC = ({ return (
{/* Chat Header */} diff --git a/frontend/src/components/Video/VideoPlayer.tsx b/frontend/src/components/Video/VideoPlayer.tsx index ea9444e..b1c81c6 100644 --- a/frontend/src/components/Video/VideoPlayer.tsx +++ b/frontend/src/components/Video/VideoPlayer.tsx @@ -25,6 +25,7 @@ const VideoPlayer: React.FC = () => { muted: true, fluid: true, responsive: true, + aspectRatio: "16:9", liveui: true, sources: [ { @@ -58,7 +59,7 @@ const VideoPlayer: React.FC = () => { return (
-
+
); }; diff --git a/frontend/src/pages/HomePage.tsx b/frontend/src/pages/HomePage.tsx index 6dcb489..323f640 100644 --- a/frontend/src/pages/HomePage.tsx +++ b/frontend/src/pages/HomePage.tsx @@ -47,9 +47,9 @@ const HomePage: React.FC = ({ variant = "default" }) => { onClick={handleStreamClick} extraClasses="bg-red-950/60" > - + */} {/* If Personalised_HomePage, display Categories the logged-in user follows. Else, trending categories. */} diff --git a/frontend/src/pages/VideoPage.tsx b/frontend/src/pages/VideoPage.tsx index 44cc7f6..3b98fa2 100644 --- a/frontend/src/pages/VideoPage.tsx +++ b/frontend/src/pages/VideoPage.tsx @@ -97,7 +97,7 @@ const VideoPage: React.FC = ({ streamerId }) => { return ( -
+
= ({ streamerId }) => {
{/* Stream Title */} -
+

{streamData ? streamData.streamTitle : "Loading..."}