waveterm/docusaurus-og
0
0
Fork 0
mirror of https://github.com/wavetermdev/docusaurus-og.git synced 2026-08-05 13:46:35 -07:00
Code Issues Packages Projects Releases Wiki Activity

feat: set max-height for hero section

Browse Source
This commit is contained in:
Hossein Mehrabi
2023-07-10 22:46:49 +03:30
parent a14f423cbd
commit 90870a3c03
2 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/logos-docusaurus-theme/src/client/components/mdx/Hero/Hero.scss
+3
View File
@@ -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 {
packages/logos-docusaurus-theme/src/client/components/mdx/HeroVideo/HeroVideo.tsx
+3 -2
View File
@@ -75,8 +75,9 @@ export const HeroVideo: React.FC<HeroVideoProps> = ({
{
'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%',