Ategon/Jamjar
1
0
Fork 0
mirror of https://github.com/Ategon/Jamjar.git synced 2025-02-12 06:16:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

adjust streamers font color

Browse source
This commit is contained in:
Ategon 2025-01-19 18:28:11 -05:00
parent d9daea6ece
commit 373aff3911
1 changed files with 17 additions and 6 deletions

23
src/components/streams/index.tsx
View file

@ -3,7 +3,6 @@
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { FeaturedStreamerType } from "@/types/FeaturedStreamerType"; import { FeaturedStreamerType } from "@/types/FeaturedStreamerType";
export default function Streams() { export default function Streams() {
const [streamers, setStreamers] = useState<FeaturedStreamerType[]>([]); const [streamers, setStreamers] = useState<FeaturedStreamerType[]>([]);
const [currentIndex, setCurrentIndex] = useState(0); // State to track the currently displayed streamer const [currentIndex, setCurrentIndex] = useState(0); // State to track the currently displayed streamer
@ -51,7 +50,7 @@ export default function Streams() {
const currentStreamer = streamers[currentIndex]; // Get the currently displayed streamer const currentStreamer = streamers[currentIndex]; // Get the currently displayed streamer
return ( return (
<div style={{ textAlign: "center", padding: "20px" }}> <div className="text-[#333] dark:text-white text-center p-6">
<h1>Featured Streamer</h1> <h1>Featured Streamer</h1>
<div <div
style={{ style={{
@ -70,10 +69,22 @@ 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" }}
/> />
<a href={`https://twitch.tv/${currentStreamer.userName}`} target="_blank" ><div style={{height:"100px",display:"flex", flexDirection:"column",justifyContent:"center"}}> <a
<h3>{currentStreamer.userName}</h3> href={`https://twitch.tv/${currentStreamer.userName}`}
<p>{currentStreamer.streamTitle}</p> target="_blank"
</div></a> >
<div
style={{
height: "100px",
display: "flex",
flexDirection: "column",
justifyContent: "center",
}}
>
<h3>{currentStreamer.userName}</h3>
<p>{currentStreamer.streamTitle}</p>
</div>
</a>
<div> <div>
{currentStreamer.streamTags.map((tag, index) => ( {currentStreamer.streamTags.map((tag, index) => (
<span <span