fixed photo dimensions

timtbdev · Jun 30, 2023 · eb08051 · eb08051
1 parent ba90dbc
commit eb08051
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/components/word/word-item.tsx b/components/word/word-item.tsx
@@ -33,20 +33,20 @@ const WordItem: React.FC<WordItemProps> = ({ word, saved, userId }) => {
 
       <div className="flex">
         {word.video ? (
-          <div className="rounded-md mx-auto mt-5">
-            <ReactPlayer width="90%" height="100%" url={word.video} controls={true} />
+          <div className="rounded-md mx-auto mt-5 h-[450px] w-[400px]">
+            <ReactPlayer width="100%" height="100%" url={word.video} controls={true} />
           </div>
         ) : (
           <div className="mx-auto">
             <Image
               src={word.image}
               alt={word.title}
               className="object-cover rounded-md mt-5"
-              height={400}
+              height={450}
               width={400}
               placeholder="blur"
               blurDataURL={`data:image/svg+xml;base64,${toBase64(
-                shimmer(400, 400)
+                shimmer(450, 400)
               )}`}
             />
           </div>