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

adjust hero composition

Browse source
This commit is contained in:
Yisroel Baum 2026-06-06 22:09:04 +03:00
parent 855e972fbe
commit 531e4a0258
Signed by: yisroelbaum
GPG key ID: 0FA60884F75520A9
1 changed files with 5 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -391,7 +391,7 @@ const projects: Project[] = [
.hero {
position: relative;
overflow: hidden;
min-height: 80vh;
min-height: 110vh;
display: flex;
align-items: center;
}
@ -416,6 +416,7 @@ const projects: Project[] = [
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 44%;
z-index: 0;
}
@ -439,11 +440,12 @@ const projects: Project[] = [
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
gap: 3rem;
gap: 0.5rem;
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 6rem 2rem;
transform: translateY(clamp(-15.25rem, calc(-22vh - 20px), -8.25rem));
}
.hero__text {
@ -471,7 +473,7 @@ const projects: Project[] = [
}
.hero__portrait-frame {
--portrait-frame-size: clamp(180px, 22vw, 320px);
--portrait-frame-size: clamp(200px, 24vw, 350px);
width: var(--portrait-frame-size);
height: var(--portrait-frame-size);