matt/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Recenter hero content and keep video behind notch
All checks were successful
build-website / build (push) Successful in 1m41s
Details

Browse Source
This commit is contained in:
matt
2025-09-21 15:13:06 +02:00
parent 5055612614
commit 81a8c6cf4b
2 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
apps/website/components/HeroSection.vue
View File

@@ -206,11 +206,10 @@ onMounted(() => {
}
/* Scroll to explore indicator */
.scroll-to-explore {
position: absolute;
bottom: 40px;
left: 50%;
transform: translateX(-50%);
margin-top: auto;
margin-bottom: var(--space-md);
display: flex;
flex-direction: column;
align-items: center;
@@ -224,7 +223,7 @@ onMounted(() => {
.scroll-to-explore:hover {
opacity: 1;
transform: translateX(-50%) translateY(-3px);
transform: translateY(-3px);
}
.scroll-to-explore span {
@@ -242,13 +241,13 @@ onMounted(() => {
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateX(-50%) translateY(0);
transform: translateY(0);
}
40% {
transform: translateX(-50%) translateY(-10px);
transform: translateY(-10px);
}
60% {
transform: translateX(-50%) translateY(-5px);
transform: translateY(-5px);
}
}