fix: Add extra style in audio text tool

open-mmlab · Nov 28, 2023 · 0324cf2 · 0324cf2
1 parent bcbef5a
commit 0324cf2
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 8 deletions.
diff --git a/packages/lb-components/src/components/audioPlayer/combineTip/index.tsx b/packages/lb-components/src/components/audioPlayer/combineTip/index.tsx
@@ -7,6 +7,7 @@
 import React from 'react';
 import { useAudioClipStore } from '@/components/audioAnnotate/audioContext';
 import { useHover, useMouse } from 'ahooks';
+import styles from '../index.module.scss';
 
 interface IProps {
   /**  展示的容器 */
@@ -26,6 +27,7 @@ const CombineTip = (props: IProps) => {
 
   return (
     <div
+      className={styles.tips}
       style={{
         left: mouse.clientX + 20,
         top: mouse.clientY - 20,

diff --git a/packages/lb-components/src/components/audioPlayer/index.module.scss b/packages/lb-components/src/components/audioPlayer/index.module.scss
@@ -90,12 +90,6 @@
     position: relative;
     padding-bottom: 10px;
     transform: scaleY(-1);
-    &.clip {
-      //cursor: url('../../assets/annotation/audio/blackClip.svg'), default;
-    }
-    &.combined {
-      //cursor: url('../../assets/annotation/audio/combine.svg') 10 12, default;
-    }
   }
   &::-webkit-scrollbar {
     width: 8px;

diff --git a/packages/lb-components/src/components/audioPlayer/index.tsx b/packages/lb-components/src/components/audioPlayer/index.tsx
@@ -806,8 +806,8 @@ export const AudioPlayer = ({
           }}
           className={classnames({
             [styles.waveform]: true,
-            [styles.combined]: audioClipStateRef.current.combined,
-            [styles.clip]: audioClipStateRef.current.clipConfigurable,
+            'bee-audio-combined': audioClipStateRef.current.combined,
+            'bee-audio-clip': audioClipStateRef.current.clipConfigurable,
           })}
         >
           {invalid && <InvalidPage isAudio={true} />}

diff --git a/packages/lb-components/src/components/audioPlayer/segmentTip/index.tsx b/packages/lb-components/src/components/audioPlayer/segmentTip/index.tsx
@@ -7,6 +7,7 @@
 import React, { useRef } from 'react';
 import { timeFormat } from '@/utils/audio';
 import { useMouse } from 'ahooks';
+import styles from '../index.module.scss';
 
 interface IProps {
   /** 分割点时间提示 */
@@ -23,12 +24,15 @@ const SegmentTip = (props: IProps) => {
     return null;
   }
 
+
   return (
     <div
+      className={styles.tips}
       style={{
         left: mouse.clientX,
         top: 75,
         marginLeft: -130,
+        zIndex: 999,
       }}
     >
       请选择希望截取的时间点（{timeFormat(segmentTimeTip, 'ss.SSS')}）

diff --git a/packages/lb-components/src/index.scss b/packages/lb-components/src/index.scss
@@ -2271,3 +2271,10 @@ $predictTrackingPrefix: #{$prefix}-point-cloud-predict-tracking;
   right: 0;
   z-index: -200;
 }
+
+.bee-audio-clip{
+  cursor: url('./assets/annotation/audio/blackClip.svg'), default;
+}
+.bee-audio-combined{
+  cursor: url('./assets/annotation/audio/combine.svg') 10 12, default;
+}