From a1bc2db33699c10736907b91c8a7c387daa07aeb Mon Sep 17 00:00:00 2001
From: diced <pranaco2@gmail.com>
Date: Tue, 30 May 2023 18:33:15 -0700
Subject: [PATCH] fix: thtumbnail box sizing (#415)

---
 src/components/Type.tsx | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/components/Type.tsx b/src/components/Type.tsx
index c614a85..7f9dd73 100644
--- a/src/components/Type.tsx
+++ b/src/components/Type.tsx
@@ -58,23 +58,27 @@ function VideoThumbnailPlaceholder({ file, mediaPreview, ...props }) {
     return <Placeholder Icon={IconPlayerPlay} text={`Click to view video (${file.name})`} {...props} />;
 
   return (
-    <Box>
+    <Box sx={{ position: 'relative' }}>
       <Image
         src={file.thumbnail}
         sx={{
-          position: 'absolute',
           width: '100%',
-          height: '100%',
-          objectFit: 'cover',
+          height: 'auto',
         }}
       />
 
-      <Center sx={{ position: 'absolute', width: '100%', height: '100%' }}>
+      <Center
+        sx={{
+          position: 'absolute',
+          height: '100%',
+          top: '50%',
+          left: '50%',
+          transform: 'translate(-50%, -50%)',
+        }}
+      >
         <IconPlayerPlay size={48} />
       </Center>
     </Box>
-
-    // </Placeholder>
   );
 }