fix: fix style class

dream-num · Jul 5, 2024 · 189b0db · 189b0db
1 parent a671f9f
commit 189b0db
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 21 deletions.
diff --git a/packages/ui/src/components/progress-bar/ProgressBar.tsx b/packages/ui/src/components/progress-bar/ProgressBar.tsx
@@ -78,7 +78,7 @@ export function ProgressBar(props: IProgressBarProps) {
                     }}
                 />
             </div>
-            <div className={styles.closeButton} onClick={handleClose}><CloseSingle /></div>
+            <div className={styles.progressBarCloseButton} onClick={handleClose}><CloseSingle /></div>
 
         </div>
     );

diff --git a/packages/ui/src/components/progress-bar/index.module.less b/packages/ui/src/components/progress-bar/index.module.less
@@ -1,37 +1,38 @@
 @height: 4px;
-.progressBarContainer {
-    display: flex;
-    align-items: center;
-    margin: 0 8px 0 8px;
-}
 
-.progressBar {
+.progress-bar {
     width: 160px;
     height: @height;
     background-color: rgb(var(--border-color));
     border-radius: var(--border-radius-lg);
     margin-right: 8px;
 
+    &-container {
+        display: flex;
+        align-items: center;
+        margin: 0 8px 0 8px;
+    }
+
     &-inner {
         height: @height;
         border-radius: var(--border-radius-lg);
         transition: width 0.5s;
     }
-}
 
-.closeButton {
-    background: none;
-    border: none;
-    font-size: 12px;
-    color: rgb(var(--text-color));
-    cursor: pointer;
-    padding: 0;
-    margin: 0;
-    line-height: 1;
-    display: flex;
-    align-items: center;
+    &-close-button {
+        background: none;
+        border: none;
+        font-size: 12px;
+        color: rgb(var(--text-color));
+        cursor: pointer;
+        padding: 0;
+        margin: 0;
+        line-height: 1;
+        display: flex;
+        align-items: center;
 
-    &:hover {
-        color: rgb(var(--text-color-secondary));
+        &:hover {
+            color: rgb(var(--text-color-secondary));
+        }
     }
 }