add divide line between player and skin parts
All checks were successful
Deploy App / docker (ubuntu-latest) (push) Successful in 55s

This commit is contained in:
Lee 2024-04-16 23:27:33 +01:00
parent 897f202638
commit 43e1042c8a
2 changed files with 4 additions and 4 deletions

@ -71,17 +71,17 @@ export default async function Page({ params }: Params): Promise<JSX.Element> {
/> />
</div> </div>
<div className="flex flex-col gap-2"> <div className="flex flex-col gap-2 divide-y divide-neutral-200 dark:divide-neutral-700">
<div> <div>
<h2 className="text-xl">{player.username}</h2> <h2 className="text-xl">{player.username}</h2>
<p className="text-primary">{player.uniqueId}</p> <p className="text-primary">{player.uniqueId}</p>
</div> </div>
<div className="flex flex-col gap-2"> <div className="flex flex-col gap-2">
<p className="text-lg">Skin Parts</p> <p className="text-lg mt-2">Skin Parts</p>
<div className="flex gap-2"> <div className="flex gap-2">
{Object.entries(player.skin.parts) {Object.entries(player.skin.parts)
.filter((part) => part[0] !== SkinPart.HEAD) // Don't show the head part again .filter(([part]) => part !== SkinPart.HEAD) // Don't show the head part again
.map(([part, url]) => { .map(([part, url]) => {
return ( return (
<Link key={part} href={url} target="_blank"> <Link key={part} href={url} target="_blank">

@ -12,7 +12,7 @@
--popover-foreground: 240 10% 3.9%; --popover-foreground: 240 10% 3.9%;
--primary: 142.1 76.2% 36.3%; --primary: 142.1 76.2% 36.3%;
--primary-foreground: 355.7 100% 97.3%; --primary-foreground: 355.7 100% 97.3%;
--secondary: 210 10% 96%; --secondary: 0 0% 100%;
--secondary-foreground: 240 5.9% 10%; --secondary-foreground: 240 5.9% 10%;
--muted: 240 4.8% 95.9%; --muted: 240 4.8% 95.9%;
--muted-foreground: 240 3.8% 46.1%; --muted-foreground: 240 3.8% 46.1%;