MinecraftUtilities/Frontend
1
1
Fork 0
Code Issues 1 Pull Requests 10 Actions Activity

fix mobile support on player page
All checks were successful
Deploy App / docker (ubuntu-latest) (push) Successful in 1m4s
Details

Browse Source
This commit is contained in:
Lee 2024-04-18 08:26:02 +01:00
parent 54911efd0d
commit 587c1bca82
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/components/player/player-view.tsx
View File

@ -29,7 +29,7 @@ export function PlayerView({ player }: PlayerViewProps): ReactElement {
</CodeDialog> </CodeDialog>
</div> </div>
<div> <div className="flex items-center flex-col">
<SkinPartImage playerName={player.username} part={SkinPart.HEAD} url={player.skin.parts.head} size={96} /> <SkinPartImage playerName={player.username} part={SkinPart.HEAD} url={player.skin.parts.head} size={96} />
</div> </div>

4
src/app/components/player/skin-part-image.tsx
View File

@ -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"> <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) => { {skinPartOverlay.map((overlay, index) => {
return ( 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> <p>{overlay.title}</p>
<img <img
className="h-[200px] md:h-[256px]" className="h-[200px] md:h-[256px] w-max"
src={url + (overlay.overlays ? "?overlays=true" : "")} src={url + (overlay.overlays ? "?overlays=true" : "")}
alt={`The ${playerName}'s ${partName}`} alt={`The ${playerName}'s ${partName}`}
loading="lazy" loading="lazy"