revert: icon scale

This commit is contained in:
TrèsAbhi committed 2025-12-27 18:45:09 -06:00
1 parent 9e225d2093
commit 45c7d74160
1 file changed
+10 -10
@@ -1,12 +1,12 @@
import type { HTMLAttributes } from 'react'; import type { HTMLAttributes } from "react";
import { import {
TankComponentButton, TankComponentButton,
type TankComponentButtonProps, type TankComponentButtonProps,
} from './TankComponentButton'; } from "./TankComponentButton";
interface GenericTankComponentButtonProps extends TankComponentButtonProps { interface GenericTankComponentButtonProps extends TankComponentButtonProps {
icon: string; icon: string;
iconStyles?: HTMLAttributes<HTMLImageElement>['style']; iconStyles?: HTMLAttributes<HTMLImageElement>["style"];
} }
export function GenericTankComponentButton({ export function GenericTankComponentButton({
@@ -21,7 +21,7 @@ export function GenericTankComponentButton({
style={{ style={{
width: 48, width: 48,
height: 40, height: 40,
position: 'relative', position: "relative",
}} }}
> >
<img <img
@@ -29,14 +29,14 @@ export function GenericTankComponentButton({
draggable={false} draggable={false}
src={icon} src={icon}
style={{ style={{
objectFit: 'contain', objectFit: "contain",
width: 32, width: 32,
height: 32, height: 32,
position: 'absolute', position: "absolute",
opacity: props.disabled ? 0.5 : 1, opacity: props.disabled ? 0.5 : 1,
transform: 'translate(-50%, -50%) scale(1)', transform: "translate(-50%, -50%) scale(0.75)",
top: '50%', top: "50%",
left: '50%', left: "50%",
...iconStyles, ...iconStyles,
}} }}
/> />
@@ -44,4 +44,4 @@ export function GenericTankComponentButton({
{children} {children}
</TankComponentButton> </TankComponentButton>
); );
} }