@0.2.11: see previous

hanzoai · Feb 3, 2024 · db649da · db649da
1 parent 5978cfa
commit db649da
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/pkgs/luxdefi-ui/blocks/components/video-block.tsx b/pkgs/luxdefi-ui/blocks/components/video-block.tsx
@@ -31,12 +31,14 @@ const VideoBlockComponent: React.FC<{
     }) 
   } 
 
+  const windowDefined = typeof window !== 'undefined'
+
   useEffect(() => { 
     if (window) {
       window.addEventListener('resize', onResize) 
       return () => window.removeEventListener('resize', onResize) 
     }
-  }, [window]) 
+  }, [windowDefined]) 
 
   useLayoutEffect(() => { 
     onResize() 
@@ -55,10 +57,11 @@ const VideoBlockComponent: React.FC<{
       const height = `${b.sizing.vh}vh`
       return <div className='dummy-div' style={{
         maxWidth: '100%',
+        maxHeight: '100%',
         height: height,
         width: `calc(${height}*${ar})`,
         backgroundImage: `url(${b.poster!})`,
-        backgroundSize: 'cover',
+        backgroundSize: 'contain',
         backgroundRepeat: 'no-repeat', 
       }} />
     }

diff --git a/pkgs/luxdefi-ui/package.json b/pkgs/luxdefi-ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@luxdefi/ui",
-  "version": "0.2.10",
+  "version": "0.2.11",
   "description": "Library that contains shared UI primitives, styles, and core types",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",