AramJonghu/aramjonghu-site
1
0
Fork 0
mirror of https://git.aramjonghu.dev/AramJonghu/aramjonghu-site.git synced 2026-09-09 00:13:30 +02:00
Code Issues Packages Projects Releases Wiki Activity

autoscroll to have full streamview

Browse Source
This commit is contained in:
AramJonghu
2026-06-13 15:23:50 +02:00
parent 6013bf1da4
commit c77be85fc8
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/Stream.jsx
+6 -2
View File
@@ -1,4 +1,4 @@
import { useState } from "react"; import { useState, useEffect } from "react";
const streams = [ const streams = [
{ id: "aramstream", label: "Aram" }, { id: "aramstream", label: "Aram" },
@@ -9,6 +9,10 @@ const streams = [
export default function Stream() { export default function Stream() {
const [activeStream, setActiveStream] = useState("aramstream"); const [activeStream, setActiveStream] = useState("aramstream");
useEffect(() => {
window.scrollTo({ top: 0, behavior: "smooth" });
}, [activeStream]);
return ( return (
<div className="text-ctp-text flex flex-col min-h-screen px-4 py-6"> <div className="text-ctp-text flex flex-col min-h-screen px-4 py-6">
<div className="w-full text-center flex flex-col flex-1"> <div className="w-full text-center flex flex-col flex-1">
@@ -32,7 +36,7 @@ export default function Stream() {
))} ))}
</div> </div>
<div className="stream-frame w-full mx-auto flex-1 max-h-[85vh]"> <div className="flex-1 min-h-0">
<iframe <iframe
src={`https://stream.aramjonghu.nl/${activeStream}`} src={`https://stream.aramjonghu.nl/${activeStream}`}
title={activeStream} title={activeStream}