Update index.module.less

src/views/prepare-lessons/components/lesson-main/train/assign-student/index.module.less

@@ -1,220 +1,221 @@
-.assignStudent {
-  display: flex;
-}
-
-.studentListGroup,
-.selectStudentGroup {
-  flex: 1;
-}
-
-.studentListGroup {
-  border-right: 1px solid #DCDCDC;
-
-  .searchSection {
-    padding: 20px 30px 12px;
-  }
-
-  .searchSpace {
-    display: flex;
-    margin-bottom: 13px;
-
-    :global {
-      .n-select+.n-cascader {
-        margin-left: 13px;
-      }
-    }
-  }
-
-  .studentSection {
-    padding: 0 40px 13px;
-
-    .checkboxAll {
-      display: flex;
-      align-items: center;
-
-      p {
-        padding-left: 8px;
-        font-size: max(15px, 13Px) !important;
-        font-weight: 600 !important;
-        color: #333333 !important;
-      }
-
-      .nums {
-        font-size: max(15px, 13Px) !important;
-        color: #777;
-        font-weight: 400;
-      }
-    }
-  }
-
-  .student {
-    padding: 0 30px 15px;
-    height: 48vh;
-  }
-
-  .loadingSection {
-    height: calc(48vh - 15px);
-  }
-
-  .studentItem {
-    padding: 12px;
-    border-radius: 8px;
-    display: flex;
-    align-items: center;
-
-    :global {
-      .n-checkbox__label {
-        padding: 0;
-      }
-    }
-
-    &:hover {
-      background: #F5F6FA;
-    }
-
-
-    .studentInfo {
-      display: flex;
-      align-items: center;
-      padding-left: 12px;
-
-      .studentImg {
-        width: 48px;
-        height: 48px;
-        border-radius: 8px;
-        background: transparent !important;
-      }
-    }
-
-    .studentValue {
-      padding-left: 10px;
-    }
-
-    .userInfo {
-      display: flex;
-      align-items: center;
-
-      .name {
-        font-size: max(16px, 13Px);
-        font-weight: 500;
-        color: #333333;
-        line-height: 18px;
-        padding-right: 5px;
-        max-width: 120px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
-
-      .iconMember {
-        width: max(16px, 14Px);
-        height: max(16px, 14Px);
-        display: inline-block;
-        margin-right: 5px;
-        background: url('../../../../images/icon-member.png') no-repeat center;
-        background-size: contain;
-      }
-
-      .className {
-        padding: 1px 3px;
-        font-size: max(12px, 11Px);
-        font-family: PingFangSC, PingFang SC;
-        font-weight: 500;
-        color: #2089FF;
-        line-height: 14px;
-        background: #E8F4FF;
-        border-radius: 3px;
-        border: 1px solid #97C7FF;
-      }
-    }
-
-    .phone {
-      padding-top: 3px;
-      font-size: 12Px;
-      color: #777777;
-      line-height: 15px;
-    }
-  }
-}
-
-.selectStudentGroup {
-  .selectCount {
-    padding: 20px 30px 13px;
-    font-size: 15px;
-    font-weight: 600;
-    color: #333333;
-    line-height: 21px;
-    font-size: max(15px, 13Px) !important;
-
-
-    span {
-      color: #777777;
-      font-weight: 400;
-    }
-  }
-
-  .searchSection {
-    padding: 0 30px 12px;
-  }
-
-  .student {
-    padding: 0 30px;
-    height: calc(48vh);
-  }
-
-  .studentItem {
-    padding: 10px 12px;
-    border-radius: 8px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-
-    &:hover {
-      background: #F5F6FA;
-    }
-
-    &.hide {
-      display: none;
-    }
-
-    .iconClose {
-      width: 13Px;
-      height: 13Px;
-      display: inline-block;
-      background: url('../../../../images/icon-close.png') no-repeat center;
-      background-size: contain;
-      cursor: pointer;
-    }
-  }
-
-  .studentInfo {
-    display: flex;
-    align-items: center;
-  }
-
-  .studentImg {
-    width: 34px;
-    height: 34px;
-    margin-right: 8px;
-    background: transparent !important;
-  }
-
-  .name {
-    font-size: max(16px, 13Px);
-    color: #333333;
-    line-height: 18px;
-  }
-
-  .btnGroup {
-    margin-right: 27px;
-    padding-top: 12px;
-
-    :global {
-      .n-button {
-        border-radius: 8px;
-        --n-height: 38px !important;
-        min-width: 100px;
-      }
-    }
-  }
+.assignStudent {
+  display: flex;
+}
+
+.studentListGroup,
+.selectStudentGroup {
+  flex: 1;
+}
+
+.studentListGroup {
+  border-right: 1px solid #DCDCDC;
+
+  .searchSection {
+    padding: 20px 30px 12px;
+  }
+
+  .searchSpace {
+    display: flex;
+    margin-bottom: 13px;
+
+    :global {
+      .n-select+.n-cascader {
+        margin-left: 13px;
+      }
+    }
+  }
+
+  .studentSection {
+    padding: 0 40px 13px;
+
+    .checkboxAll {
+      display: flex;
+      align-items: center;
+
+      p {
+        padding-left: 8px;
+        font-size: max(15px, 13Px) !important;
+        font-weight: 600 !important;
+        color: #333333 !important;
+      }
+
+      .nums {
+        font-size: max(15px, 13Px) !important;
+        color: #777;
+        font-weight: 400;
+      }
+    }
+  }
+
+  .student {
+    padding: 0 30px 15px;
+    height: 48vh;
+  }
+
+  .loadingSection {
+    height: calc(48vh - 15px);
+  }
+
+  .studentItem {
+    padding: 12px;
+    border-radius: 8px;
+    display: flex;
+    align-items: center;
+
+    :global {
+      .n-checkbox__label {
+        padding: 0;
+      }
+    }
+
+    &:hover {
+      background: #F5F6FA;
+    }
+
+
+    .studentInfo {
+      display: flex;
+      align-items: center;
+      padding-left: 12px;
+
+      .studentImg {
+        width: 48px;
+        height: 48px;
+        border-radius: 8px;
+        background: transparent !important;
+      }
+    }
+
+    .studentValue {
+      padding-left: 10px;
+    }
+
+    .userInfo {
+      display: flex;
+      align-items: center;
+
+      .name {
+        font-size: max(16px, 13Px);
+        font-weight: 500;
+        color: #333333;
+        line-height: 18px;
+        padding-right: 5px;
+        max-width: 120px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+
+      .iconMember {
+        width: max(16px, 14Px);
+        height: max(16px, 14Px);
+        display: inline-block;
+        margin-right: 5px;
+        background: url('../../../../images/icon-member.png') no-repeat center;
+        background-size: contain;
+      }
+
+      .className {
+        flex-shrink: 0;
+        padding: 1px 3px;
+        font-size: max(12px, 11Px);
+        font-family: PingFangSC, PingFang SC;
+        font-weight: 500;
+        color: #2089FF;
+        line-height: 14px;
+        background: #E8F4FF;
+        border-radius: 3px;
+        border: 1px solid #97C7FF;
+      }
+    }
+
+    .phone {
+      padding-top: 3px;
+      font-size: 12Px;
+      color: #777777;
+      line-height: 15px;
+    }
+  }
+}
+
+.selectStudentGroup {
+  .selectCount {
+    padding: 20px 30px 13px;
+    font-size: 15px;
+    font-weight: 600;
+    color: #333333;
+    line-height: 21px;
+    font-size: max(15px, 13Px) !important;
+
+
+    span {
+      color: #777777;
+      font-weight: 400;
+    }
+  }
+
+  .searchSection {
+    padding: 0 30px 12px;
+  }
+
+  .student {
+    padding: 0 30px;
+    height: calc(48vh);
+  }
+
+  .studentItem {
+    padding: 10px 12px;
+    border-radius: 8px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    &:hover {
+      background: #F5F6FA;
+    }
+
+    &.hide {
+      display: none;
+    }
+
+    .iconClose {
+      width: 13Px;
+      height: 13Px;
+      display: inline-block;
+      background: url('../../../../images/icon-close.png') no-repeat center;
+      background-size: contain;
+      cursor: pointer;
+    }
+  }
+
+  .studentInfo {
+    display: flex;
+    align-items: center;
+  }
+
+  .studentImg {
+    width: 34px;
+    height: 34px;
+    margin-right: 8px;
+    background: transparent !important;
+  }
+
+  .name {
+    font-size: max(16px, 13Px);
+    color: #333333;
+    line-height: 18px;
+  }
+
+  .btnGroup {
+    margin-right: 27px;
+    padding-top: 12px;
+
+    :global {
+      .n-button {
+        border-radius: 8px;
+        --n-height: 38px !important;
+        min-width: 100px;
+      }
+    }
+  }
 }