chuni: add recent plays header

This commit is contained in:
sk1982 2024-03-12 23:23:31 -04:00
parent 5c5459f5f0
commit 8f781ba532

View File

@ -25,8 +25,11 @@ export default async function ChuniDashboard() {
<ChuniTopRatingSidebar rating={rating} /> <ChuniTopRatingSidebar rating={rating} />
</div> </div>
<div className="flex flex-col h-full flex-grow"> <div className="flex flex-col h-full flex-grow">
<div className="flex flex-wrap-reverse">
<div className="text-xl font-semibold mt-auto pt-3 hidden md:block pr-3">Recent Plays</div>
<ChuniNameplate className="hidden md:block max-w-[38rem] w-full ml-auto" profile={profile} /> <ChuniNameplate className="hidden md:block max-w-[38rem] w-full ml-auto" profile={profile} />
<div className="text-lg font-semibold px-4 pt-4 border-t border-gray-500 md:hidden">Playlog</div> </div>
<div className="text-lg font-semibold px-4 pt-4 border-t border-gray-500 md:hidden">Recent Plays</div>
<div className="my-4 w-full flex-grow grid gap-2 grid-cols-1 lg:grid-cols-2 2xl:grid-cols-3 5xl:grid-cols-6 6xl:grid-cols-8"> <div className="my-4 w-full flex-grow grid gap-2 grid-cols-1 lg:grid-cols-2 2xl:grid-cols-3 5xl:grid-cols-6 6xl:grid-cols-8">
{playlog.data.map((entry, i) => <ChuniPlaylogCard className="w-full h-48" playlog={entry} key={i} />)} {playlog.data.map((entry, i) => <ChuniPlaylogCard className="w-full h-48" playlog={entry} key={i} />)}
</div> </div>