glax/SteamGameTimeTrack-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix Chart Time-Axis

Browse Source 
Add Connection Checker
Fix Card Layout
Add Game-Icons
This commit is contained in:
glax
2025-05-26 17:28:09 +02:00
parent b07d8a0839
commit 4955e72d34
9 changed files with 111 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/PlayerCard.tsx
View File

@ -3,14 +3,14 @@ import type IPlayer from "../api/types/IPlayer.ts";
export default function PlayerCard({player, onClick} : {player: IPlayer | null, onClick?: React.MouseEventHandler<HTMLDivElement> | undefined}) {
return (
<AspectRatio ratio={3} sx={{width: '192px'}}>
<AspectRatio ratio={4} sx={{width: '256px'}}>
<Card onClick={onClick}>
<CardContent sx={{width: "100%"}}>
<Stack direction="row" spacing={1} justifyContent={"flex-start"} sx={{width: "100%"}} alignContent={"center"}>
<CardContent>
<Stack direction="row" spacing={1} sx={{minWidth: "100%", width: "fit-content"}} alignContent={"center"}>
<AspectRatio ratio={1} sx={{width: '64px'}}>
<img src={player?.avatarUrl} />
</AspectRatio>
<Typography level={"h4"} alignContent={"center"}>{player?.name}</Typography>
<Typography level={"title-lg"} alignContent={"center"} overflow={"hidden"} noWrap>{player?.name}</Typography>
</Stack>
</CardContent>
</Card>