don't scroll if not too long

This commit is contained in:
2026-01-28 16:36:12 -05:00
parent 694a26d04e
commit 6963dffeb5
+4
View File
@@ -32,12 +32,16 @@ export default function MusicComponent() {
<div className="flex align-middle"> <div className="flex align-middle">
<img width="50" src={music.images[1]?.url} /> <img width="50" src={music.images[1]?.url} />
<div className="pl-2 max-w-25"> <div className="pl-2 max-w-25">
{music.title.length > 15 ? (
<div className="marquee"> <div className="marquee">
<div className="marquee-content"> <div className="marquee-content">
<span>{music.title}&nbsp;&nbsp;</span> <span>{music.title}&nbsp;&nbsp;</span>
<span>{music.title}&nbsp;&nbsp;</span> <span>{music.title}&nbsp;&nbsp;</span>
</div> </div>
</div> </div>
) : (
<h1>{music.title}</h1>
)}
<p className="truncate">{music.artist}</p> <p className="truncate">{music.artist}</p>
</div> </div>