Badge-layout

This commit is contained in:
PxlLoewe
2025-06-28 00:46:13 -07:00
parent ad96bbf06f
commit 246ce0ce22

View File

@@ -15,13 +15,13 @@ const badgeImageMapping = {
export const Badge = ({ badge, className }: { badge: BADGES; className?: string }) => { export const Badge = ({ badge, className }: { badge: BADGES; className?: string }) => {
return ( return (
<span className={cn("h-fit p-1 flex justify-center items-center", className)}> <span className={cn("h-fit h-full p-1 flex justify-center items-center", className)}>
<img <img
src={`${process.env.NEXT_PUBLIC_HUB_URL}/badges/${badgeImageMapping[badge]}`} src={`${process.env.NEXT_PUBLIC_HUB_URL}/badges/${badgeImageMapping[badge]}`}
alt="Badge" alt="Badge"
width="80" width="80"
height="auto" height="auto"
className="block h-auto max-h-[80px] w-auto" className="block h-auto w-auto max-w-[80px]"
/> />
</span> </span>
); );