+2 -2

rockskyweb/src/components/Handle/NowPlaying/NowPlaying.tsx

··· 199 199 {nowPlaying[did]?.songUri && ( 200 200 <Link 201 201 to={`/${nowPlaying[did]?.songUri?.split("at://")[1]}`} 202 202 - className="font-semibold truncate whitespace-nowrap" 202 202 + className="font-semibold truncate whitespace-nowrap text-[#000]" 203 203 > 204 204 {nowPlaying[did]?.title} 205 205 </Link> 206 206 )} 207 207 {!nowPlaying[did]?.songUri && ( 208 208 - <div className="font-semibold truncate whitespace-nowrap"> 208 208 + <div className="font-semibold truncate whitespace-nowrap text-[#000]"> 209 209 {nowPlaying[did]?.title} 210 210 </div> 211 211 )}

+1 -1

rockskyweb/src/components/StickyPlayer/StrickyPlayer.tsx

··· 42 42 const MiniPlayer = styled.div` 43 43 background-color: white; 44 44 width: 1120px; 45 45 - height: 99px; 45 45 + height: 80px; 46 46 padding: 16px; 47 47 border-radius: 16px; 48 48 box-shadow: 0px 0px 24px rgba(19, 19, 19, 0.08);

+2 -1

rockskyweb/src/index.css

··· 1 1 - @import "tailwindcss"; 1 1 + 2 2 + @tailwind utilities; 2 3 3 4 @font-face { 4 5 font-family: 'RockfordSansLight';

+12 -4

rockskyweb/src/pages/profile/overview/Overview.tsx

··· 46 46 return ( 47 47 <> 48 48 {did && stats[did] && <Stats stats={stats[did]} />} 49 49 - <RecentTracks /> 50 50 - <TopArtists /> 51 51 - <TopAlbums /> 52 52 - <TopTracks /> 49 49 + <div className="mb-20"> 50 50 + <RecentTracks /> 51 51 + </div> 52 52 + <div className="mb-20"> 53 53 + <TopArtists /> 54 54 + </div> 55 55 + <div className="mb-20"> 56 56 + <TopAlbums /> 57 57 + </div> 58 58 + <div className="mb-20"> 59 59 + <TopTracks /> 60 60 + </div> 53 61 </> 54 62 ); 55 63 }