Feat: redux for images in tier list

2025-01-08 16:35:14 +03:00
parent 3de1ef1080
commit 4c8bcf07b3
8 changed files with 98 additions and 17 deletions
--- a/src/components/Image.tsx
+++ b/src/components/Image.tsx
@@ -6,7 +6,7 @@ interface ImageProps {
 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`}>
+      <div className={`w-[calc(20rem*.5625)] h-80 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>