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`;
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">
<div className="flex flex-col">
<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 w-full h-full">
<div
className="bg-linear-to-b pointer-events-none"
className="bg-linear-to-b pointer-events-none w-full h-full"
style={{
background: `linear-gradient(to bottom, #1f2937, ${acolor})`,
}}
>
<img
src={`/skins/${weapon_id}_${paint_index}.png`}
className="pointer-events-none"
className="pointer-events-none object-contain object-bottom h-full"
/>
</div>
<div
className={`h-1 w-full`}
style={{ background: `${color}` }}
></div>
<Typography.Heading level={6} className="px-2">
<Typography.Heading level={6} className="px-2 text-wrap">
{display}
</Typography.Heading>
<Float float={float} />