@maketribe/ms-app 3.0.28 → 3.0.30

package/dist/style/src/components/table/column-json.scss

@@ -1,7 +1,7 @@
-.mk-column-json {
-  @at-root {
-    &__dialog {
-      height: 80%;
-    }
-  }
-}
+.mk-column-json {
+  @at-root {
+    &__dialog {
+      height: 80%;
+    }
+  }
+}

package/dist/style/src/components/table/column-select.scss

@@ -1,41 +1,41 @@
-.mk-column-selection {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-
-  @at-root {
-    &-header {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-
-      .el-checkbox {
-        height: auto;
-      }
-    }
-  }
-
-  &__selection {
-    display: none;
-
-    .el-checkbox {
-      height: auto;
-    }
-  }
-
-  &:hover,
-  &.is-selected {
-    .mk-column-selection__selection {
-      display: inline-flex;
-    }
-
-    .mk-column-selection__index {
-      display: none;
-    }
-  }
-}
+.mk-column-selection {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+
+  @at-root {
+    &-header {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+
+      .el-checkbox {
+        height: auto;
+      }
+    }
+  }
+
+  &__selection {
+    display: none;
+
+    .el-checkbox {
+      height: auto;
+    }
+  }
+
+  &:hover,
+  &.is-selected {
+    .mk-column-selection__selection {
+      display: inline-flex;
+    }
+
+    .mk-column-selection__index {
+      display: none;
+    }
+  }
+}

package/dist/style/src/components/table/column-text.scss

@@ -1,3 +1,3 @@
-.mk-column-text {
-  white-space: nowrap;
-}
+.mk-column-text {
+  white-space: nowrap;
+}

package/dist/style/src/components/table/index.scss

@@ -1,4 +1,4 @@
-@use "./column-select.scss";
-@use "./record-column.scss";
-@use "./column-text.scss";
-@use "./column-json.scss";
+@use "./column-select.scss";
+@use "./record-column.scss";
+@use "./column-text.scss";
+@use "./column-json.scss";

package/dist/style/src/components/table/record-column.scss

@@ -1,33 +1,33 @@
-.mk-record-column {
-  text-align: left;
-
-  &-field {
-    display: flex;
-
-    &__left {
-      width: var(--mk-record-column-label-width);
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      padding-right: 20px;
-    }
-
-    &__right {
-      width: 0;
-      flex: 1;
-    }
-
-    .mk-column-selection {
-      position: relative;
-      justify-content: flex-start;
-
-      &__index {
-        display: none;
-      }
-
-      &__selection {
-        display: inline-flex;
-      }
-    }
-  }
-}
+.mk-record-column {
+  text-align: left;
+
+  &-field {
+    display: flex;
+
+    &__left {
+      width: var(--mk-record-column-label-width);
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      padding-right: 20px;
+    }
+
+    &__right {
+      width: 0;
+      flex: 1;
+    }
+
+    .mk-column-selection {
+      position: relative;
+      justify-content: flex-start;
+
+      &__index {
+        display: none;
+      }
+
+      &__selection {
+        display: inline-flex;
+      }
+    }
+  }
+}

package/dist/style/src/components/table-view.scss

@@ -1,60 +1,60 @@
-.mk-table-view {
-  &__header {
-    padding: 10px;
-    width: 100%;
-    box-sizing: border-box;
-    justify-content: space-between !important;
-  }
-
-  &__selection-tip {
-    display: flex;
-    width: 100%;
-    height: 32px;
-    line-height: 32px;
-    justify-content: space-between;
-
-    padding: 0 10px;
-    font-size: 14px;
-    color: var(--el-text-color-regular);
-    background: #e6f7ff;
-    box-sizing: border-box;
-    border: 1px solid #91d5ff;
-
-    .selection-count {
-      color: #40a9ff;
-    }
-
-    &-left {
-      display: flex;
-      align-items: center;
-      flex: 1;
-    }
-
-    &-right {
-      display: flex;
-      align-items: center;
-    }
-
-    .el-button {
-      height: 30px;
-    }
-  }
-
-  .el-table {
-    z-index: 0;
-    height: 100%;
-  }
-
-  .el-card {
-    &__header {
-      padding: 0;
-    }
-
-    &__body {
-      display: flex;
-      flex-direction: column;
-      height: 100%;
-      box-sizing: border-box;
-    }
-  }
-}
+.mk-table-view {
+  &__header {
+    padding: 10px;
+    width: 100%;
+    box-sizing: border-box;
+    justify-content: space-between !important;
+  }
+
+  &__selection-tip {
+    display: flex;
+    width: 100%;
+    height: 32px;
+    line-height: 32px;
+    justify-content: space-between;
+
+    padding: 0 10px;
+    font-size: 14px;
+    color: var(--el-text-color-regular);
+    background: #e6f7ff;
+    box-sizing: border-box;
+    border: 1px solid #91d5ff;
+
+    .selection-count {
+      color: #40a9ff;
+    }
+
+    &-left {
+      display: flex;
+      align-items: center;
+      flex: 1;
+    }
+
+    &-right {
+      display: flex;
+      align-items: center;
+    }
+
+    .el-button {
+      height: 30px;
+    }
+  }
+
+  .el-table {
+    z-index: 0;
+    height: 100%;
+  }
+
+  .el-card {
+    &__header {
+      padding: 0;
+    }
+
+    &__body {
+      display: flex;
+      flex-direction: column;
+      height: 100%;
+      box-sizing: border-box;
+    }
+  }
+}

package/dist/style/src/components/upload-file.scss

@@ -1,3 +1,3 @@
-.mk-upload-file {
-  display: inline-block;
-}
+.mk-upload-file {
+  display: inline-block;
+}

package/dist/style/src/components/upload-image.scss

@@ -1,117 +1,117 @@
-.mk-upload-image {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 10px;
-  line-height: 0;
-
-  &-item {
-    display: inline-block;
-    width: 180px;
-    height: 180px;
-    border: 1px dashed var(--el-border-color);
-    border-radius: 6px;
-    cursor: pointer;
-    position: relative;
-    overflow: hidden;
-    transition: var(--el-transition-duration-fast);
-
-    &:hover {
-      border-color: var(--el-color-primary);
-
-      .mk-upload-image-item__mask {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-      }
-    }
-
-    .mk-upload-file {
-      width: 100%;
-      height: 100%;
-    }
-
-    &__wrapper {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      width: 100%;
-      height: 100%;
-      font-size: 28px;
-      color: #8c939d;
-    }
-
-    &__image {
-      width: 100%;
-      height: 100%;
-    }
-
-    &__mask {
-      display: none;
-      position: absolute;
-      gap: 15px;
-      font-size: 18px;
-      left: 0;
-      top: 0;
-      width: 100%;
-      height: 100%;
-      background-color: rgba(0, 0, 0, 0.3);
-      color: white;
-    }
-  }
-}
-
-// .mk-upload-image {
-//   position: relative;
-//   width: var(--mk-upload-image-size);
-//   height: var(--mk-upload-image-size);
-
-//   &__upload {
-//     width: 100%;
-//     height: 100%;
-//   }
-
-//   &__select {
-//     width: var(--mk-upload-image-size);
-//     height: var(--mk-upload-image-size);
-//     display: flex;
-//     justify-content: center;
-//     align-items: center;
-//     font-size: 20px;
-//   }
-
-//   &__image {
-//     display: flex;
-//     width: 100%;
-//     height: 100%;
-//     justify-content: center;
-//     align-content: center;
-//   }
-
-//   .el-image {
-//     width: 100%;
-//     height: 100%;
-//   }
-
-//   &__mask {
-//     display: none;
-//     position: absolute;
-//     left: 0;
-//     top: 0;
-//     width: calc(100% - 2px);
-//     height: calc(100% - 2px);
-//     background-color: rgba(0, 0, 0, 0.5);
-//     font-size: 20px;
-//     color: white;
-//     justify-content: center;
-//     align-items: center;
-//     border-radius: 6px;
-
-//     .mk-svg-icon {
-//       cursor: pointer;
-//     }
-//   }
-
-//   &.is-image:hover &__mask {
-//     display: flex;
-//   }
-// }
+.mk-upload-image {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+  line-height: 0;
+
+  &-item {
+    display: inline-block;
+    width: 180px;
+    height: 180px;
+    border: 1px dashed var(--el-border-color);
+    border-radius: 6px;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+    transition: var(--el-transition-duration-fast);
+
+    &:hover {
+      border-color: var(--el-color-primary);
+
+      .mk-upload-image-item__mask {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+    }
+
+    .mk-upload-file {
+      width: 100%;
+      height: 100%;
+    }
+
+    &__wrapper {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: 100%;
+      height: 100%;
+      font-size: 28px;
+      color: #8c939d;
+    }
+
+    &__image {
+      width: 100%;
+      height: 100%;
+    }
+
+    &__mask {
+      display: none;
+      position: absolute;
+      gap: 15px;
+      font-size: 18px;
+      left: 0;
+      top: 0;
+      width: 100%;
+      height: 100%;
+      background-color: rgba(0, 0, 0, 0.3);
+      color: white;
+    }
+  }
+}
+
+// .mk-upload-image {
+//   position: relative;
+//   width: var(--mk-upload-image-size);
+//   height: var(--mk-upload-image-size);
+
+//   &__upload {
+//     width: 100%;
+//     height: 100%;
+//   }
+
+//   &__select {
+//     width: var(--mk-upload-image-size);
+//     height: var(--mk-upload-image-size);
+//     display: flex;
+//     justify-content: center;
+//     align-items: center;
+//     font-size: 20px;
+//   }
+
+//   &__image {
+//     display: flex;
+//     width: 100%;
+//     height: 100%;
+//     justify-content: center;
+//     align-content: center;
+//   }
+
+//   .el-image {
+//     width: 100%;
+//     height: 100%;
+//   }
+
+//   &__mask {
+//     display: none;
+//     position: absolute;
+//     left: 0;
+//     top: 0;
+//     width: calc(100% - 2px);
+//     height: calc(100% - 2px);
+//     background-color: rgba(0, 0, 0, 0.5);
+//     font-size: 20px;
+//     color: white;
+//     justify-content: center;
+//     align-items: center;
+//     border-radius: 6px;
+
+//     .mk-svg-icon {
+//       cursor: pointer;
+//     }
+//   }
+
+//   &.is-image:hover &__mask {
+//     display: flex;
+//   }
+// }