Hide video on S/M theme breakpoint

centrifuge · Apr 16, 2024 · 6e0f7ce · 6e0f7ce
1 parent 8611423
commit 6e0f7ce
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/src/components/fullscreen-video-overlay/style.tsx b/src/components/fullscreen-video-overlay/style.tsx
@@ -35,4 +35,5 @@ export const ThumbnailImage = styled.img`
   width: 100%;
   height: 100%;
   cursor: pointer;
+  aspect-ratio: 4/3;
 `;
diff --git a/src/components/hero-main/index.tsx b/src/components/hero-main/index.tsx
@@ -88,10 +88,9 @@ export function HeroMain({ title, ticker, body, image, partners }: HeroMainProps
         </Reveal>
       </Root>
 
-
       <Reveal staggerIndex={3} >
         <PartnerList partners={partners}/>
       </Reveal>
     </RevealWrapper>
   )
-}
+}
diff --git a/src/components/hero-main/styles.tsx b/src/components/hero-main/styles.tsx
@@ -35,13 +35,13 @@ export const Media = styled(Box)`
 `*/
 
 export const Media = styled.div`
-  width: 100%;
-  max-width: 100%;
+  display:none;
+  max-width: 33%;
   position: absolute;
   right: 0;
   top: 0;
 
-  @media screen and (min-width: ${({ theme }) => theme.breakpoints['S']}) {
+  @media screen and (min-width: ${({ theme }) => theme.breakpoints['M']}) {
     display: block;
   }