🐛 fix: global styles classNames

eternallycyf · Nov 1, 2024 · 304b37b · 304b37b
1 parent be6a571
commit 304b37b
Show file tree

Hide file tree

Showing 12 changed files with 346 additions and 388 deletions.
diff --git a/packages/ims-view-pc/src/components/AudioPlayer/index.less b/packages/ims-view-pc/src/components/AudioPlayer/index.less
@@ -54,10 +54,8 @@
       height: 100%;
       line-height: 34px;
 
-      :global {
-        .ant-popover-inner {
-          min-width: 150px;
-        }
+      .ant-popover-inner {
+        min-width: 150px;
       }
     }
 

diff --git a/packages/ims-view-pc/src/components/CheckModal/CheckModal.tsx b/packages/ims-view-pc/src/components/CheckModal/CheckModal.tsx
@@ -162,11 +162,9 @@ const CheckModal: React.ForwardRefRenderFunction<CheckModalHandle, CheckModalPro
         cancelText="取消"
         onOk={handleOnOkModal}
         onCancel={handleOnCancelModal}
-        destroyOnClose
         centered
         maskClosable
-        getContainer={false}
-        className="check-modal-checkbox-group "
+        rootClassName="check-modal-checkbox-group "
         width={630}
         {...modalProps}
       >

diff --git a/packages/ims-view-pc/src/components/CheckModal/index.less b/packages/ims-view-pc/src/components/CheckModal/index.less
@@ -31,43 +31,37 @@
     padding: 6px 12px;
     background: #fafafb;
 
-    :global {
-      label {
-        color: #8e96a4 !important;
-        font-weight: 400;
-        font-size: 12px !important;
-        line-height: 12px;
-      }
+    label {
+      color: #8e96a4 !important;
+      font-weight: 400;
+      font-size: 12px !important;
+      line-height: 12px;
+    }
 
-      .ant-form-item {
-        margin-bottom: 5px;
-      }
+    .ant-form-item {
+      margin-bottom: 5px;
     }
   }
 
   .check-modal-checkbox-group {
-    :global {
-      .ant-checkbox-group {
-      }
-
-      .ant-checkbox-wrapper + .ant-checkbox-wrapper {
-        margin-inline-start: 0 !important;
-      }
+    .ant-checkbox-group {
+    }
 
-      .ant-form-item {
-        margin-bottom: 5px !important;
-      }
+    .ant-checkbox-wrapper + .ant-checkbox-wrapper {
+      margin-inline-start: 0 !important;
     }
-  }
 
-  :global {
     .ant-form-item {
-      margin-bottom: 0;
+      margin-bottom: 5px !important;
     }
+  }
 
-    .ant-checkbox-checked .ant-checkbox-inner {
-      border-color: transparent;
-      background-color: #3363d7;
-    }
+  .ant-form-item {
+    margin-bottom: 0;
+  }
+
+  .ant-checkbox-checked .ant-checkbox-inner {
+    border-color: transparent;
+    background-color: #3363d7;
   }
 }
diff --git a/packages/ims-view-pc/src/components/CommonCard/index.less b/packages/ims-view-pc/src/components/CommonCard/index.less
@@ -248,6 +248,7 @@
     width: 100%;
     height: 100%;
   }
+
   .ant-spin-container {
     width: 100%;
     height: 100%;
@@ -269,26 +270,26 @@
     .StickyContent {
       position: sticky;
       top: 0;
+
       .tabs {
         background-color: #fff;
-        :global {
-          .ant-tabs-nav-wrap {
-            padding-left: 0;
-          }
-
-          .ant-tabs-tab {
-            margin-right: 16px !important;
-            padding: 12px 16px !important;
-          }
-
-          .ant-tabs-tab-active {
-            border-bottom: 1px solid #f0f0f0;
-            background-color: #fff;
-          }
-
-          .ant-tabs-ink-bar {
-            display: none;
-          }
+
+        .ant-tabs-nav-wrap {
+          padding-left: 0;
+        }
+
+        .ant-tabs-tab {
+          margin-right: 16px !important;
+          padding: 12px 16px !important;
+        }
+
+        .ant-tabs-tab-active {
+          border-bottom: 1px solid #f0f0f0;
+          background-color: #fff;
+        }
+
+        .ant-tabs-ink-bar {
+          display: none;
         }
       }
     }
@@ -310,43 +311,42 @@
 }
 
 .newBtnsTabs {
-  :global {
-    .ant-tab-nav {
-      height: 44px;
-    }
-    .ant-tabs-nav-list {
-      align-items: end;
-      height: 30px;
-    }
+  .ant-tab-nav {
+    height: 44px;
+  }
 
-    .ant-tabs-tab {
-      margin-right: 0 !important;
-      margin-left: 0 !important;
-      border-radius: 0 !important;
-      font-size: 12px !important;
-    }
+  .ant-tabs-nav-list {
+    align-items: end;
+    height: 30px;
+  }
 
-    .ant-tabs-nav-list {
-      > div {
-        padding: 6px 16px !important;
-        height: 30px;
-        border-color: #eff1f4;
-        border-right: none !important;
-        border-bottom: 1px solid #eff1f4 !important;
-        color: #5b6371;
-        font-weight: 400;
-        font-size: 12px;
-      }
+  .ant-tabs-tab {
+    margin-right: 0 !important;
+    margin-left: 0 !important;
+    border-radius: 0 !important;
+    font-size: 12px !important;
+  }
 
-      :nth-last-child(2) {
-        border-right: 1px solid #eff1f4 !important;
-      }
+  .ant-tabs-nav-list {
+    > div {
+      padding: 6px 16px !important;
+      height: 30px;
+      border-color: #eff1f4;
+      border-right: none !important;
+      border-bottom: 1px solid #eff1f4 !important;
+      color: #5b6371;
+      font-weight: 400;
+      font-size: 12px;
     }
 
-    .ant-tabs-tab-active {
-      background: #f5f8ff !important;
-      color: #2b5fdc !important;
-      font-weight: 600;
+    :nth-last-child(2) {
+      border-right: 1px solid #eff1f4 !important;
     }
   }
+
+  .ant-tabs-tab-active {
+    background: #f5f8ff !important;
+    color: #2b5fdc !important;
+    font-weight: 600;
+  }
 }