Feat: created image component

This commit is contained in:
2025-01-07 20:43:50 +03:00
parent 866ceafb3e
commit aed15f5d6c
7 changed files with 57 additions and 135 deletions

15
src/components/Image.tsx Normal file
View File

@@ -0,0 +1,15 @@
interface ImageProps {
image: string;
name: string;
}
export const TierImage = ({ image, name }: ImageProps) => {
return (
<div className='flex flex-wrap justify-center gap-4 mr-1'>
<div className={`w-[10rem] h-[calc(10rem*1.7)] relative`}>
<img src={image} alt={name} className='h-full w-full object-cover' />
<div className='w-full bg-slate-500 text-white bg-opacity-70 text-center bottom-0 left-0 absolute'>{name}</div>
</div>
</div>
);
};