optovia/webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update webapp - fix hero animation scroll + dark background
All checks were successful
Build Docker Image / build (push) Successful in 4m1s
Details

Browse Source 
- Fixed animation height to 100vh to prevent squeeze on scroll
- Added dark slate-900 background for transparent animation
This commit is contained in:
Ruslan Bakiev
2026-01-27 11:09:14 +07:00
parent 859eef3761
commit 80474acc0f
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/components/hero/HeroBackground.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<div class="absolute inset-0 overflow-hidden"> <div class="absolute inset-0 overflow-hidden bg-slate-900">
<!-- Lottie animation --> <!-- Lottie animation -->
<ClientOnly> <ClientOnly>
<DotLottieVue <DotLottieVue
@@ -7,8 +7,9 @@
autoplay autoplay
loop loop
:layout="{ fit: 'cover', align: [0.5, 0.5] }" :layout="{ fit: 'cover', align: [0.5, 0.5] }"
class="absolute inset-0 w-full h-full" class="absolute top-0 left-0 w-full"
:style="{ :style="{
height: '100vh',
opacity: 1 - collapseProgress * 0.7, opacity: 1 - collapseProgress * 0.7,
transform: `scale(${1 + collapseProgress * 0.1})` transform: `scale(${1 + collapseProgress * 0.1})`
}" }"