yisroelbaum/Rabbi_Gerzi
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'fix/home-hero-layers'

Browse source
This commit is contained in:
Yisroel Baum 2026-06-06 22:16:14 +03:00
commit b04ac3de30
Signed by: yisroelbaum
GPG key ID: 0FA60884F75520A9
1 changed files with 13 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

25
frontend/rabbi_gerzi/src/views/HomePage.vue
View file

@ -391,7 +391,7 @@ const projects: Project[] = [
.hero { .hero {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
min-height: 80vh; min-height: 110vh;
display: flex; display: flex;
align-items: center; align-items: center;
} }
@ -416,18 +416,22 @@ const projects: Project[] = [
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
object-position: center 44%;
z-index: 0;
} }
.hero__mountain { .hero__mountain {
bottom: -2rem; bottom: calc(50% - 58.8vw);
width: 120%; width: 100vw;
max-width: none; max-width: none;
z-index: 1;
} }
.hero__hiker { .hero__hiker {
bottom: 10%; bottom: min(-30vw, -13rem);
width: 35%; width: 100vw;
max-width: 480px; max-width: none;
z-index: 2;
} }
.hero__content { .hero__content {
@ -436,11 +440,12 @@ const projects: Project[] = [
display: grid; display: grid;
grid-template-columns: 1fr auto; grid-template-columns: 1fr auto;
align-items: center; align-items: center;
gap: 3rem; gap: 0.5rem;
width: 100%; width: 100%;
max-width: 1200px; max-width: 1200px;
margin: 0 auto; margin: 0 auto;
padding: 6rem 2rem; padding: 6rem 2rem;
transform: translateY(clamp(-15.25rem, calc(-22vh - 20px), -8.25rem));
} }
.hero__text { .hero__text {
@ -468,7 +473,7 @@ const projects: Project[] = [
} }
.hero__portrait-frame { .hero__portrait-frame {
--portrait-frame-size: clamp(180px, 22vw, 320px); --portrait-frame-size: clamp(200px, 24vw, 350px);
width: var(--portrait-frame-size); width: var(--portrait-frame-size);
height: var(--portrait-frame-size); height: var(--portrait-frame-size);
@ -1055,10 +1060,6 @@ const projects: Project[] = [
margin: 0 auto; margin: 0 auto;
} }
.hero__hiker {
width: 60%;
}
.core-teachings__grid { .core-teachings__grid {
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
gap: 2rem 1rem; gap: 2rem 1rem;