From 90870a3c038ac7aec9366063847de6f58d3b83d7 Mon Sep 17 00:00:00 2001 From: Hossein Mehrabi Date: Mon, 10 Jul 2023 22:46:49 +0330 Subject: [PATCH] feat: set max-height for hero section --- .../src/client/components/mdx/Hero/Hero.scss | 3 +++ .../src/client/components/mdx/HeroVideo/HeroVideo.tsx | 5 +++-- 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/Hero/Hero.scss b/packages/logos-docusaurus-theme/src/client/components/mdx/Hero/Hero.scss index 78f1ce2..29b2954 100644 --- a/packages/logos-docusaurus-theme/src/client/components/mdx/Hero/Hero.scss +++ b/packages/logos-docusaurus-theme/src/client/components/mdx/Hero/Hero.scss @@ -1,8 +1,11 @@ .mdx-hero { + --hero-max-height: 1080px; + position: relative; display: flex; flex-direction: column; height: calc(100vh - var(--ifm-navbar-height) - 8px); + max-height: var(--hero-max-height); } .mdx-hero--large { 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 e4d912f..4442ee8 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 @@ -75,8 +75,9 @@ export const HeroVideo: React.FC = ({ { 'hero-video-scale': desktop?.scale ?? '1.70951586', 'hero-video-offset-y': desktop?.offsetY ?? '-150px', - 'hero-video-height': desktop?.height ?? '120%', - 'hero-video-min-height': desktop?.minHeight ?? '100vh', + 'hero-video-height': desktop?.height ?? '100%', + 'hero-video-min-height': + desktop?.minHeight ?? 'min(100vh, var(--hero-max-height))', 'hero-video-scale-mobile': mobile?.scale ?? '1.70951586', 'hero-video-offset-y-mobile': mobile?.offsetY ?? '-50px', 'hero-video-height-mobile': mobile?.height ?? '120%',