Latest changes

components/ui/Marquee/Marquee.module.css

@@ -1,14 +1,26 @@
 .root {
-  @apply w-full relative;
+  @apply w-full;
   min-width: 100%;
 }
 
 .container {
-  @apply flex flex-row;
+  @apply flex flex-row items-center;
 
   & > * {
-    @apply flex-1;
-    min-width: 500px;
+    @apply flex-1 px-16 py-4;
+    width: 460px;
+  }
+
+  & > *:after {
+    content: ' ';
+    display: block;
+    position: absolute;
+    height: 100px;
+    background: #999;
+    width: 2px;
+    left: 20px;
+    top: calc(50% - 53px);
+    transform: rotate(25deg);
   }
 }
 

components/ui/Marquee/Marquee.tsx

@@ -18,7 +18,6 @@ const M: FC<Props> = ({
   items,
   wrapper: Component = DefaultWrapper,
   variant = 'primary',
-  // min = 'none',
 }) => {
   const rootClassName = cn(
     s.root,
@@ -40,17 +39,17 @@ const M: FC<Props> = ({
   // )
 
   return (
-    <Ticker>
-      {({ index }) => (
-        <div className={rootClassName}>
+    <div className={rootClassName}>
+      <Ticker>
+        {({ index }) => (
           <div className={s.container}>
             {items.map((p: any) => (
               <Component {...p} key={index} />
             ))}
           </div>
-        </div>
-      )}
-    </Ticker>
+        )}
+      </Ticker>
+    </div>
   )
 }