Porning/app
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Modified weapon to all be the same size by resizing text and image

Browse Source
This commit is contained in:
AINDUSTRIES
2026-09-10 18:37:58 +02:00
parent f5ca462ba3
commit e073cfcad1
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/components/weapon.tsx
View File

@@ -18,24 +18,24 @@ export function Weapon({
}) { }) {
const acolor = `${color}64`; const acolor = `${color}64`;
return ( return (
<Button className="bg-mist-700 flex flex-col h-fit w-fit p-0 rounded-none gap-0 hover:bg-indigo-800 active:bg-indigo-900"> <Button className="bg-mist-700 flex flex-col h-full p-0 rounded-none gap-0 hover:bg-indigo-800 active:bg-indigo-900">
<div className="flex flex-col"> <div className="flex flex-col w-full h-full">
<div <div
className="bg-linear-to-b pointer-events-none" className="bg-linear-to-b pointer-events-none w-full h-full"
style={{ style={{
background: `linear-gradient(to bottom, #1f2937, ${acolor})`, background: `linear-gradient(to bottom, #1f2937, ${acolor})`,
}} }}
> >
<img <img
src={`/skins/${weapon_id}_${paint_index}.png`} src={`/skins/${weapon_id}_${paint_index}.png`}
className="pointer-events-none" className="pointer-events-none object-contain object-bottom h-full"
/> />
</div> </div>
<div <div
className={`h-1 w-full`} className={`h-1 w-full`}
style={{ background: `${color}` }} style={{ background: `${color}` }}
></div> ></div>
<Typography.Heading level={6} className="px-2"> <Typography.Heading level={6} className="px-2 text-wrap">
{display} {display}
</Typography.Heading> </Typography.Heading>
<Float float={float} /> <Float float={float} />