From ada7b05abdfa6f0ce103de5df7fd57c5ae20d067 Mon Sep 17 00:00:00 2001
From: Hossein Mehrabi <ohyeaross@gmail.com>
Date: Mon, 10 Jul 2023 05:51:09 +0330
Subject: [PATCH] fix: hero video max-width

---
 .../src/client/components/mdx/HeroVideo/HeroVideo.scss       | 5 ++++-
 .../src/client/components/mdx/HeroVideo/HeroVideo.tsx        | 4 ++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/HeroVideo/HeroVideo.scss b/packages/logos-docusaurus-theme/src/client/components/mdx/HeroVideo/HeroVideo.scss
index 32b84b6..fe23479 100644
--- a/packages/logos-docusaurus-theme/src/client/components/mdx/HeroVideo/HeroVideo.scss
+++ b/packages/logos-docusaurus-theme/src/client/components/mdx/HeroVideo/HeroVideo.scss
@@ -43,7 +43,7 @@
     object-position: top;
 
     height: 100%;
-    max-width: var(--container-max-width);
+    max-width: calc(var(--container-max-width) / var(--hero-video-scale));
   }
 }
 
@@ -69,6 +69,9 @@
     video {
       width: 100%;
       transform: scale(var(--hero-video-scale-mobile));
+      max-width: calc(
+        var(--container-max-width) / var(--hero-video-scale-mobile)
+      );
     }
   }
 }
diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/HeroVideo/HeroVideo.tsx b/packages/logos-docusaurus-theme/src/client/components/mdx/HeroVideo/HeroVideo.tsx
index 7ddd2ec..91d18b8 100644
--- a/packages/logos-docusaurus-theme/src/client/components/mdx/HeroVideo/HeroVideo.tsx
+++ b/packages/logos-docusaurus-theme/src/client/components/mdx/HeroVideo/HeroVideo.tsx
@@ -69,9 +69,9 @@ export const HeroVideo: React.FC<HeroVideoProps> = ({
         style={makeStyle(
           { ...style },
           {
-            'hero-video-scale': desktop?.scale ?? '151.5%',
+            'hero-video-scale': desktop?.scale ?? '1.515',
             'hero-video-offset-y': desktop?.offsetY ?? '-120px',
-            'hero-video-scale-mobile': mobile?.scale ?? '140%',
+            'hero-video-scale-mobile': mobile?.scale ?? '1.40',
             'hero-video-offset-y-mobile': mobile?.offsetY ?? '-10%',
           },
         )}