npm - mdm-client - Versions diffs - 1.0.0 - Mend

mdm-client 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (262) hide show

package/src/components/LivePointMeeting/style/index.scss ADDED Viewed

@@ -0,0 +1,202 @@
+.meeting-contain {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  .waiting-mask-video {
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+    position: absolute;
+    z-index: 60;
+    background: #000000;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-weight: 400;
+    font-size: 16px;
+  }
+  &-audio {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    .participant {
+      width: 160px;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      &-icon {
+        width: 90px;
+        height: auto;
+        aspect-ratio: 1/1;
+        border-radius: 50%;
+        margin-bottom: 10px;
+        background: var(--default-avatar) no-repeat center / 100% 100%;
+      }
+      &-title {
+        display: flex;
+        align-items: center;
+        flex-wrap: nowrap;
+        padding: 0 10px;
+        height: 24px;
+        background: var(--call-audio-text-bg);
+        border-radius: 4px;
+        &-text {
+          white-space: nowrap;
+          font-weight: 400;
+          font-size: 14px;
+          flex-shrink: 0;
+        }
+        .microphone {
+          flex-shrink: 0;
+          width: 11px;
+          height: 16px;
+          cursor: pointer;
+          margin-right: 6px;
+          &-active {
+            background: var(--call-user-mic-on-icon) no-repeat center / 100% 100%;
+          }
+          &-inactive {
+            background: var(--call-user-mic-off-icon) no-repeat center / 100% 100%;
+          }
+        }
+      }
+    }
+  }
+  &-video {
+    .layout-blur {
+      width: 26.6%;
+      height: auto;
+      aspect-ratio: 16/9;
+      position: absolute;
+      z-index: 100;
+      top: 0.8%;
+      right: 0.7%;
+      .participant {
+        .describe {
+          height: 24px;
+          left: 1%;
+          bottom: 2%;
+          .microphone {
+            width: auto;
+            height: 12px;
+            aspect-ratio: 3/4;
+          }
+        }
+      }
+    }
+    .layout-normal {
+      width: 100%;
+      height: 100%;
+      position: absolute;
+      z-index: 50;
+      left: 0;
+      top: 0;
+      .participant {
+        .describe {
+          height: 24px;
+          left: 0.4%;
+          bottom: 0.4%;
+          .microphone {
+            width: auto;
+            height: 12px;
+            aspect-ratio: 3/4;
+          }
+        }
+      }
+    }
+    .participant {
+      width: 100%;
+      height: 100%;
+      position: relative;
+      border-radius: 6px;
+      .p-video {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        left: 0;
+        top: 0;
+        z-index: 10;
+        object-fit: contain;
+        border-radius: 6px;
+      }
+      .describe {
+        position: absolute;
+        z-index: 50;
+        display: flex;
+        align-items: center;
+        flex-wrap: nowrap;
+        padding: 0 10px;
+        background: var(--call-audio-text-bg);
+        border-radius: 4px;
+        .microphone {
+          cursor: pointer;
+          margin-right: 6px;
+          &-active {
+            background: var(--call-user-mic-on-icon) no-repeat center / 100% 100%;
+          }
+          &-inactive {
+            background: var(--call-user-mic-off-icon) no-repeat center / 100% 100%;
+          }
+        }
+        .identity {
+          white-space: nowrap;
+          color: var(--theme-font-color);
+          font-weight: 400;
+          font-size: 14px;
+          max-width: 200px;
+          overflow: hidden;
+          text-overflow: ellipsis;
+        }
+      }
+      .board {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        left: 0;
+        top: 0;
+        z-index: 30;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        &-icon {
+          width: 25%;
+          height: auto;
+          aspect-ratio: 1/1;
+          border-radius: 50%;
+          margin-bottom: 10px;
+          background: var(--default-avatar) no-repeat center / 100% 100%;
+        }
+        &-title {
+          display: flex;
+          align-items: center;
+          flex-wrap: nowrap;
+          padding: 0 10px;
+          height: 24px;
+          background: var(--call-audio-text-bg);
+          border-radius: 4px;
+          &-text {
+            white-space: nowrap;
+            font-weight: 400;
+            font-size: 14px;
+            flex-shrink: 0;
+          }
+          .microphone {
+            flex-shrink: 0;
+            width: 11px;
+            height: 16px;
+            cursor: pointer;
+            margin-right: 6px;
+            &-active {
+              background: var(--call-user-mic-on-icon) no-repeat center / 100% 100%;
+            }
+            &-inactive {
+              background: var(--call-user-mic-off-icon) no-repeat center / 100% 100%;
+            }
+          }
+        }
+      }
+    }
+  }
+}