Update webapp - fix hero animation to use cover layout
All checks were successful
Build Docker Image / build (push) Successful in 3m58s
All checks were successful
Build Docker Image / build (push) Successful in 3m58s
Use DotLottie's native layout prop with fit: 'cover' instead of CSS object-cover which doesn't work on canvas elements.
This commit is contained in:
@@ -6,7 +6,8 @@
|
||||
src="/animations/supply-chain.lottie"
|
||||
autoplay
|
||||
loop
|
||||
class="absolute inset-0 w-full h-full object-cover"
|
||||
:layout="{ fit: 'cover', align: [0.5, 0.5] }"
|
||||
class="absolute inset-0 w-full h-full"
|
||||
:style="{
|
||||
opacity: 1 - collapseProgress * 0.7,
|
||||
transform: `scale(${1 + collapseProgress * 0.1})`
|
||||
|
||||
Reference in New Issue
Block a user