optovia/webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
354 Commits 1 Branch 0 Tags
b5a292093b1a189020217b98b79b555a13368466
Commit Graph
6 Commits
Author SHA1 Message Date
Ruslan Bakiev b5a292093b fix: restore static hero animation background on home 2026-03-12 16:54:22 +07:00
Ruslan Bakiev fcc22b4051 fix: make home hero static and keep capsule scroll motion 2026-03-12 16:05:27 +07:00
Ruslan Bakiev 80474acc0f Update webapp - fix hero animation scroll + dark background
Build Docker Image / build (push) Successful in 4m1s
Details 
- Fixed animation height to 100vh to prevent squeeze on scroll
- Added dark slate-900 background for transparent animation
 2026-01-27 11:09:14 +07:00
Ruslan Bakiev 859eef3761 Update webapp - fix hero animation to use cover layout
Build Docker Image / build (push) Successful in 3m58s
Details 
Use DotLottie's native layout prop with fit: 'cover' instead of
CSS object-cover which doesn't work on canvas elements.
 2026-01-27 10:54:41 +07:00
Ruslan Bakiev 75ce64b46e Fix hero animation: object-fit cover + conditional blur + glass on collapse
Build Docker Image / build (push) Successful in 5m14s
Details 
- HeroBackground.vue:
  - Add object-cover class to Lottie animation (fills container)
  - Make dark overlay conditional (v-if collapseProgress > 0.5)
  - Overlay fades in during collapse (opacity 0→1)

- MainNavigation.vue:
  - Replace glassStyle prop with isCollapsed
  - Glass effect (backdrop-blur-md) applies only when collapsed

- topnav.vue:
  - Pass isCollapsed instead of glass-style
  - Home page: isCollapsed from useHeroScroll
  - Other pages: always true (always collapsed)

Result:
- Animation covers full viewport without crop
- No blur overlay when hero is expanded
- Glass effect appears only when header collapses to 100px
 2026-01-27 09:14:20 +07:00
Ruslan Bakiev 839ab4e830 feat(hero): add animated Supply Chain background on home page
Build Docker Image / build (push) Successful in 3m54s
Details
2026-01-26 22:31:06 +07:00