From 80474acc0f8f8a654a07accc1e6c570bacf27fbf Mon Sep 17 00:00:00 2001
From: Ruslan Bakiev <572431+veikab@users.noreply.github.com>
Date: Tue, 27 Jan 2026 11:09:14 +0700
Subject: [PATCH] Update webapp - fix hero animation scroll + dark background

- Fixed animation height to 100vh to prevent squeeze on scroll
- Added dark slate-900 background for transparent animation
---
 app/components/hero/HeroBackground.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/components/hero/HeroBackground.vue b/app/components/hero/HeroBackground.vue
index 9c625d3..64f9913 100644
--- a/app/components/hero/HeroBackground.vue
+++ b/app/components/hero/HeroBackground.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="absolute inset-0 overflow-hidden">
+  <div class="absolute inset-0 overflow-hidden bg-slate-900">
     <!-- Lottie animation -->
     <ClientOnly>
       <DotLottieVue
@@ -7,8 +7,9 @@
         autoplay
         loop
         :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="{
+          height: '100vh',
           opacity: 1 - collapseProgress * 0.7,
           transform: `scale(${1 + collapseProgress * 0.1})`
         }"