Temp visuals for Featured Streamers on sidebar

This commit is contained in:
boragenel 2025-01-20 02:05:48 +03:00
parent c8ccb82dce
commit f26af125b8
2 changed files with 4 additions and 2 deletions
src
app
components/streams

View file

@ -1,5 +1,6 @@
import Posts from "@/components/posts"; import Posts from "@/components/posts";
import Timers from "@/components/timers"; import Timers from "@/components/timers";
import Streams from "@/components/streams";
import JamHeader from "@/components/jam-header"; import JamHeader from "@/components/jam-header";
export default async function Home() { export default async function Home() {
@ -11,6 +12,7 @@ export default async function Home() {
</div> </div>
<div> <div>
<Timers /> <Timers />
<Streams />
</div> </div>
</div> </div>
); );

View file

@ -70,10 +70,10 @@ export default function Streams() {
alt={`${currentStreamer.userName}'s thumbnail`} alt={`${currentStreamer.userName}'s thumbnail`}
style={{ width: "100%", borderRadius: "4px", marginBottom: "10px" }} style={{ width: "100%", borderRadius: "4px", marginBottom: "10px" }}
/> />
<div style={{height:"100px",display:"flex", flexDirection:"column",justifyContent:"center"}}> <a href={`https://twitch.tv/${currentStreamer.userName}`} target="_blank" ><div style={{height:"100px",display:"flex", flexDirection:"column",justifyContent:"center"}}>
<h3>{currentStreamer.userName}</h3> <h3>{currentStreamer.userName}</h3>
<p>{currentStreamer.streamTitle}</p> <p>{currentStreamer.streamTitle}</p>
</div> </div></a>
<div> <div>
{currentStreamer.streamTags.map((tag, index) => ( {currentStreamer.streamTags.map((tag, index) => (
<span <span