add divide line between player and skin parts
All checks were successful
Deploy App / docker (ubuntu-latest) (push) Successful in 55s
All checks were successful
Deploy App / docker (ubuntu-latest) (push) Successful in 55s
This commit is contained in:
parent
897f202638
commit
43e1042c8a
@ -71,17 +71,17 @@ export default async function Page({ params }: Params): Promise<JSX.Element> {
|
||||
/>
|
||||
</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>
|
||||
<h2 className="text-xl">{player.username}</h2>
|
||||
<p className="text-primary">{player.uniqueId}</p>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
{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]) => {
|
||||
return (
|
||||
<Link key={part} href={url} target="_blank">
|
||||
|
@ -12,7 +12,7 @@
|
||||
--popover-foreground: 240 10% 3.9%;
|
||||
--primary: 142.1 76.2% 36.3%;
|
||||
--primary-foreground: 355.7 100% 97.3%;
|
||||
--secondary: 210 10% 96%;
|
||||
--secondary: 0 0% 100%;
|
||||
--secondary-foreground: 240 5.9% 10%;
|
||||
--muted: 240 4.8% 95.9%;
|
||||
--muted-foreground: 240 3.8% 46.1%;
|
||||
|
Loading…
Reference in New Issue
Block a user