redi/astro_avtourist
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Новые правки

Browse source
This commit is contained in:
Web-serfer 2026-04-15 23:55:32 +05:00
parent 34c1cdbcf6
commit a56aba6286
1 changed files with 4 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

6
frontend/src/components/base/PageHero.astro
View file

@ -15,6 +15,7 @@ interface PageHeroProps {
modalTarget?: string; modalTarget?: string;
bgImage?: string; bgImage?: string;
minHeight?: string; minHeight?: string;
headerOffset?: string;
layout?: 'default' | 'with-image'; layout?: 'default' | 'with-image';
sideImage?: string; sideImage?: string;
sideImageAlt?: string; sideImageAlt?: string;
@ -38,6 +39,7 @@ const {
modalTarget, modalTarget,
bgImage = "", bgImage = "",
minHeight = "100vh", minHeight = "100vh",
headerOffset = "80px",
layout = "default", layout = "default",
sideImage = "", sideImage = "",
sideImageAlt = "", sideImageAlt = "",
@ -48,7 +50,7 @@ const {
const showImage = layout === 'with-image' && sideImage; const showImage = layout === 'with-image' && sideImage;
--- ---
<section class="hero-section" style:min-height={minHeight}> <section class="hero-section" style:min-height={minHeight} style:--header-offset={headerOffset}>
{bgImage && <img src={bgImage} alt="" class="hero-bg-image" decoding="async" />} {bgImage && <img src={bgImage} alt="" class="hero-bg-image" decoding="async" />}
<div class="hero-overlay"></div> <div class="hero-overlay"></div>
@ -141,7 +143,7 @@ const showImage = layout === 'with-image' && sideImage;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
margin: 0 !important; margin: 0 !important;
padding-top: 80px; padding-top: var(--header-offset, 80px);
box-sizing: border-box; box-sizing: border-box;
overflow: hidden; overflow: hidden;
} }