Logo Ticker updates

directus · Nov 15, 2024 · 1b92f46 · 1b92f46
1 parent 0ae4afa
commit 1b92f46
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/components/LogoDoubleTicker.vue b/components/LogoDoubleTicker.vue
@@ -23,7 +23,7 @@ const bottomLogoArray = computed(() => {
 
 <template>
 	<div class="block-logocloud-ticker">
-		<Vue3Marquee :clone="true" :gradient="true" :gradient-color="[250, 250, 250]" gradient-length="5%">
+		<Vue3Marquee :clone="true" :duration="30" :gradient="true" :gradient-color="[255, 255, 255]" gradient-length="5%">
 			<div class="logo-container">
 				<BaseDirectusImage
 					v-for="logo in topLogoArray"
@@ -34,7 +34,13 @@ const bottomLogoArray = computed(() => {
 				<div class="logo-spacer"></div>
 			</div>
 		</Vue3Marquee>
-		<Vue3Marquee :gradient="true" :gradient-color="[250, 250, 250]" gradient-length="5%" direction="reverse">
+		<Vue3Marquee
+			:gradient="true"
+			:gradient-color="[255, 255, 255]"
+			:duration="30"
+			gradient-length="5%"
+			direction="reverse"
+		>
 			<div class="logo-container">
 				<BaseDirectusImage
 					v-for="logo in bottomLogoArray"

diff --git a/components/LogoTicker.vue b/components/LogoTicker.vue
@@ -10,7 +10,7 @@ const props = defineProps<{
 
 <template>
 	<div class="block-logocloud-ticker">
-		<Vue3Marquee :clone="true" :gradient="true" :gradient-color="[250, 250, 250]" gradient-length="5%">
+		<Vue3Marquee :clone="true" :duration="30" :gradient="true" :gradient-color="[255, 255, 255]" gradient-length="5%">
 			<div class="logo-container">
 				<BaseDirectusImage
 					v-for="logo in props.logos"