chore: adjust style

Author: zombieJ

assets/index.less

@@ -363,13 +363,13 @@
     position: absolute;
     top: 0;
     bottom: 0;
-    width: 6px;
+    width: 3px;
     z-index: 10;
-    background: rgba(0, 0, 0, 0.02);
-    transition: background 0.3s;
+    background: rgba(0, 0, 0, 0);
+    transition: background 0.1s;
 
     &-ping {
-      background: rgba(0, 0, 0, 0.2);
+      background: rgba(0, 0, 0, 0.3);
     }
   }
 }

src/FixedColumnShadows.tsx

@@ -67,18 +67,19 @@ const FixedColumnShadows = React.memo((props: FixedColumnShadowsProps) => {
 
   // ===================== Render =====================
   const [scrollLeft, scrollRange] = scrollInfo;
+  const absScrollLeft = Math.abs(scrollLeft);
 
   // console.log('??????', scrollLeft, fixStartShadowList[1]);
-  console.log('Scroll info:', scrollLeft, scrollRange);
+  // console.log('Scroll info:', scrollLeft, absScrollLeft, scrollRange);
 
   const renderShadow = (position: 'Start' | 'End', shadowList: FixedShadowInfo[]) => {
     return shadowList.map(([index, offset, showShadowScrollDeadline]) => {
       const calcOffset = offset + columnWidths[index];
 
       const showShadow =
         position === 'Start'
-          ? scrollLeft > showShadowScrollDeadline
-          : scrollRange - scrollLeft > showShadowScrollDeadline;
+          ? absScrollLeft > showShadowScrollDeadline
+          : scrollRange - absScrollLeft > showShadowScrollDeadline;
 
       return calcOffset ? (
         <div