Feat: created image component
This commit is contained in:
15
src/components/Image.tsx
Normal file
15
src/components/Image.tsx
Normal 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>
|
||||
);
|
||||
};
|
||||
Reference in New Issue
Block a user