fix: adjust animations

gabaldon · gabaldon · commit 51d8231fc595 · 2024-08-06T12:33:22.000+02:00
diff --git a/components/IconWithText.vue b/components/IconWithText.vue
@@ -28,7 +28,7 @@ defineProps({
 
 <style lang="scss">
 .rounded-icon {
-  @apply bg-wit-blue-500;
+  @apply bg-wit-blue-500 transition-colors;
 }
 .icon-container:hover > .rounded-icon {
   @apply bg-wit-blue-300;
diff --git a/components/sections/CoinSection.vue b/components/sections/CoinSection.vue
@@ -8,7 +8,7 @@
     <template #top>
       <RotateOnScroll
         section-id="stake"
-        start-position="-50% top"
+        start-position="-100% top"
         end-position="+=200%"
       >
         <BlueStarIcon class="w-auto h-[400px]" />

Original file line number	Diff line number	Diff line change
`@@ -28,7 +28,7 @@ defineProps({`
`28`	`28`
`29`	`29`	`<style lang="scss">`
`30`	`30`	`.rounded-icon {`
`31`		`- @apply bg-wit-blue-500;`
	`31`	`+ @apply bg-wit-blue-500 transition-colors;`
`32`	`32`	`}`
`33`	`33`	`.icon-container:hover > .rounded-icon {`
`34`	`34`	`@apply bg-wit-blue-300;`
Original file line number	Diff line number	Diff line change
`@@ -8,7 +8,7 @@`
`8`	`8`	`<template #top>`
`9`	`9`	`<RotateOnScroll`
`10`	`10`	`section-id="stake"`
`11`		`- start-position="-50% top"`
	`11`	`+ start-position="-100% top"`
`12`	`12`	`end-position="+=200%"`
`13`	`13`	`>`
`14`	`14`	`<BlueStarIcon class="w-auto h-[400px]" />`