shadows
This commit is contained in:
parent
52360b9fb4
commit
64f37d0fd1
|
|
@ -79,7 +79,7 @@ export default function Lobby ( { player }: { player: string } )
|
||||||
></div>
|
></div>
|
||||||
|
|
||||||
<div className="grid grid-rows-2 flex-grow mx-4 min-w-0">
|
<div className="grid grid-rows-2 flex-grow mx-4 min-w-0">
|
||||||
<div className="name font-semibold text-white text-sm truncate">
|
<div className="name font-semibold text-white text-sm text-shadow-lg text-shadow-black truncate">
|
||||||
{ player.tag ? `${ player.tag } ${ player.name }` : player.name }
|
{ player.tag ? `${ player.tag } ${ player.name }` : player.name }
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -96,7 +96,7 @@ export default function Lobby ( { player }: { player: string } )
|
||||||
backgroundImage: `url(${ player.positionIcon })`,
|
backgroundImage: `url(${ player.positionIcon })`,
|
||||||
} }
|
} }
|
||||||
></div>
|
></div>
|
||||||
<div className="wr font-bold text-white text-xs ml-1 pt-1">
|
<div className="wr font-bold text-white text-shadow-lg text-shadow-black text-xs ml-1 pt-1">
|
||||||
{ player.wr }%
|
{ player.wr }%
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -55,7 +55,7 @@ export default function Ranked ( { name, tag }: { name: string; tag: string } )
|
||||||
return (
|
return (
|
||||||
<div className="font-sans">
|
<div className="font-sans">
|
||||||
<div className="text flex flex-row font-bold tracking-wide">
|
<div className="text flex flex-row font-bold tracking-wide">
|
||||||
<div className="elo basis-2/3 pr-4 mb-3 text-white">
|
<div className="elo basis-2/3 pr-4 mb-3 text-white text-shadow-lg text-shadow-black">
|
||||||
{ [ "MASTER", "GRANDMASTER", "CHALLENGER" ].includes( data.tier ) ? (
|
{ [ "MASTER", "GRANDMASTER", "CHALLENGER" ].includes( data.tier ) ? (
|
||||||
<div className="league basis-1/2 text-4xl ">
|
<div className="league basis-1/2 text-4xl ">
|
||||||
{ data.tier } { data.lp } LP
|
{ data.tier } { data.lp } LP
|
||||||
|
|
@ -70,7 +70,7 @@ export default function Ranked ( { name, tag }: { name: string; tag: string } )
|
||||||
<div className="stats basis-1/3 flex flex-row justify-end text-3xl tracking-tighter">
|
<div className="stats basis-1/3 flex flex-row justify-end text-3xl tracking-tighter">
|
||||||
<div className="wins px-2 text-sky-600 ">{ data.wins }W</div>
|
<div className="wins px-2 text-sky-600 ">{ data.wins }W</div>
|
||||||
<div className="losses px-2 text-red-600 ">{ data.losses }L</div>
|
<div className="losses px-2 text-red-600 ">{ data.losses }L</div>
|
||||||
<div className="winrate pl-3 text-white ">
|
<div className="winrate pl-3 text-white text-shadow-lg text-shadow-black">
|
||||||
{ data.winrate }%
|
{ data.winrate }%
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -69,7 +69,7 @@ export default function Session ( { name, tag }: { name: string; tag: string } )
|
||||||
|
|
||||||
<div className="session mt-5">
|
<div className="session mt-5">
|
||||||
<div className="kda text-center px-2">
|
<div className="kda text-center px-2">
|
||||||
<span className="text-3xl text-white ">
|
<span className="text-3xl text-white text-shadow-lg text-shadow-black">
|
||||||
{ data.kills }
|
{ data.kills }
|
||||||
</span>
|
</span>
|
||||||
<span className="text-2xl text-gray-300 ">/</span>
|
<span className="text-2xl text-gray-300 ">/</span>
|
||||||
|
|
@ -77,7 +77,7 @@ export default function Session ( { name, tag }: { name: string; tag: string } )
|
||||||
{ data.deaths }
|
{ data.deaths }
|
||||||
</span>
|
</span>
|
||||||
<span className="text-2xl text-gray-300 ">/</span>
|
<span className="text-2xl text-gray-300 ">/</span>
|
||||||
<span className="text-3xl text-white ">
|
<span className="text-3xl text-white text-shadow-lg text-shadow-black">
|
||||||
{ data.assists }
|
{ data.assists }
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue