fix mobile support on player page
All checks were successful
Deploy App / docker (ubuntu-latest) (push) Successful in 1m4s
All checks were successful
Deploy App / docker (ubuntu-latest) (push) Successful in 1m4s
This commit is contained in:
parent
54911efd0d
commit
587c1bca82
@ -29,7 +29,7 @@ export function PlayerView({ player }: PlayerViewProps): ReactElement {
|
||||
</CodeDialog>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div className="flex items-center flex-col">
|
||||
<SkinPartImage playerName={player.username} part={SkinPart.HEAD} url={player.skin.parts.head} size={96} />
|
||||
</div>
|
||||
|
||||
|
@ -86,10 +86,10 @@ export function SkinPartImage({ playerName, part, url, size = 64 }: SkinPartImag
|
||||
<div className="flex items-center w-full flex-col divide-y md:flex-row md:divide-x md:divide-y-0 text-muted-foreground">
|
||||
{skinPartOverlay.map((overlay, index) => {
|
||||
return (
|
||||
<div key={index} className="p-2 text-center items-center font-semibold flex flex-col gap-2">
|
||||
<div key={index} className="p-2 w-max text-center items-center font-semibold flex flex-col gap-2">
|
||||
<p>{overlay.title}</p>
|
||||
<img
|
||||
className="h-[200px] md:h-[256px]"
|
||||
className="h-[200px] md:h-[256px] w-max"
|
||||
src={url + (overlay.overlays ? "?overlays=true" : "")}
|
||||
alt={`The ${playerName}'s ${partName}`}
|
||||
loading="lazy"
|
||||
|
Loading…
Reference in New Issue
Block a user