Fascinated/scoresaber-reloaded-v2
1
2
Fork 0
Code Issues 1 Pull Requests 10 Actions Activity

made labels smaller
All checks were successful
deploy / deploy (push) Successful in 58s
Details

Browse Source
This commit is contained in:
Lee 2023-10-19 20:43:09 +01:00
parent d92e5220fd
commit d8fe512554
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/player/[id]/page.tsx
View File

@ -130,7 +130,7 @@ export default function Player({ params }: { params: { id: string } }) {
</div> </div>
{/* Labels */} {/* Labels */}
<div className="flex flex-col gap-2"> <div className="flex flex-col gap-2">
<div className="flex gap-2"> <div className="flex gap-2 ">
<Label <Label
title="Total play count" title="Total play count"
className="bg-blue-500" className="bg-blue-500"

2
src/components/Label.tsx
View File

@ -13,7 +13,7 @@ export default function Label({
}: LabelProps) { }: LabelProps) {
return ( return (
<div className={clsx("flex flex-col justify-center rounded-md", className)}> <div className={clsx("flex flex-col justify-center rounded-md", className)}>
<div className="flex items-center gap-2 p-[0.3rem]"> <div className="p4-[0.3rem] flex items-center gap-2 pb-[0.2rem] pl-[0.3rem] pr-[0.3rem] pt-[0.2rem]">
<p>{title}</p> <p>{title}</p>
<div className="h-4 w-[1px] bg-neutral-100"></div> <div className="h-4 w-[1px] bg-neutral-100"></div>
<p>{value}</p> <p>{value}</p>