Browse Source

Remove MaxWidth From Cover

Francesco Baccetti 4 years ago
parent
commit
5f8af62eb8

+ 2 - 2
src/shared/components/VideoPreview/VideoPreviewBase.styles.tsx

@@ -30,9 +30,9 @@ export const fadeInAnimation = css`
   animation: ${fadeIn} 0.5s ease-in;
 `
 
-export const CoverWrapper = styled.div`
-  max-width: 650px;
+export const CoverWrapper = styled.div<MainProps>`
   width: 100%;
+  max-width: ${({ main }) => (main ? '650px' : '')};
 `
 const clickableAnimation = (clickable: boolean) =>
   clickable

+ 1 - 1
src/shared/components/VideoPreview/VideoPreviewBase.tsx

@@ -50,7 +50,7 @@ const VideoPreviewBase: React.FC<VideoPreviewBaseProps> = ({
 
   return (
     <Container main={main} className={className}>
-      <CoverWrapper onClick={onClick}>
+      <CoverWrapper main={main} onClick={onClick}>
         <CoverContainer clickable={clickable}>{coverNode || coverPlaceholder}</CoverContainer>
       </CoverWrapper>
       <InfoContainer main={main}>