Badge-layout
This commit is contained in:
@@ -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>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user