From 63909d2c5f5cb5d59fcffea16ca1df4d43d79cb4 Mon Sep 17 00:00:00 2001
From: Hetari <hetari4py@gmail.com>
Date: Tue, 24 Sep 2024 12:28:04 +0300
Subject: [PATCH] fix marquee

---
 src/components/design/Marquee.vue | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/components/design/Marquee.vue b/src/components/design/Marquee.vue
index 5a887e5..81f9547 100644
--- a/src/components/design/Marquee.vue
+++ b/src/components/design/Marquee.vue
@@ -1,4 +1,5 @@
 <template>
+  isSmallScreen: {{ isSmallScreen }}
   <section
     v-if="!isSmallScreen"
     id="marquee-section"
@@ -476,8 +477,8 @@
               trigger: '#marquee-section',
               start: 'top bottom',
               end: 'bottom top',
-              scrub: 1,
-              markers: false,
+              scrub: true,
+              // markers: false,
             },
           },
         );
@@ -504,12 +505,13 @@
                 ease: 'none',
               },
             })
-            .to(tl, { timeScale: factor * 2.5, duration: 0.2 })
-            .to(
-              tl,
-              { timeScale: factor / 2.5, duration: 1, ease: 'power1' },
-              '+=0.3',
-            );
+
+            .to(tl, { timeScale: factor, duration: 0.2 });
+          //   .to(
+          //     tl,
+          //     { timeScale: factor / 2.5, duration: 1, ease: 'power1' },
+          //     '+=0.3',
+          //   );
         },
       });
     }
@@ -518,7 +520,7 @@
 
 <style scoped>
   .logos-marquee div {
-    @apply rounded-lg bg-flax-smoke-950 transition-[background-color] duration-300 ease-in-out hover:bg-[#21221a];
+    @apply rounded-lg bg-flax-smoke-950 transition-[background-color] duration-300 ease-in-out hover:bg-[#2a2c1e];
   }
 
   .logos-marquee svg {