@maketribe/ms-app 3.2.2 → 3.2.4

package/dist/style/src/index.scss

@@ -1,27 +1,28 @@
-@use "./theme/theme.scss";
-@use "./modules/ms/index.scss" as *;
-@use "./modules/cms/index.scss" as *;
-@use "./modules/ms/index.scss" as *;
-@use "./components/index.scss" as *;
-@use "./layouts" as *;
-@use "./page/index.scss" as *;
-
-:root {
-  --mk-spacing-small: 5px;
-  --mk-spacing-middle: 10px;
-  --mk-spacing-large: 15px;
-  --mk-default-bg-color:#2876f6;
-  --mk-container-border-color:#f4f4f4;
-  --mk-container-bg-color:#f4f4f4;
-  --mk-border-color: #cccccc;
-  --mk-border: 1px solid var(--mk-border-color);
-  --el-menu-level-padding: 5px;
-
-  --mk-mask-background-color: rgba(0, 0, 0, 0.1);
-}
-.el-card {
-  --el-card-border-color:var(--mk-container-border-color);
-}
-.el-table{
-  --el-card-border-color:var(--mk-container-border-color);
-}
+@use "./theme/theme.scss";
+@use "./modules/ms/index.scss" as *;
+@use "./modules/cms/index.scss" as *;
+@use "./modules/ms/index.scss" as *;
+@use "./components/index.scss" as *;
+@use "./layouts" as *;
+@use "./page/index.scss" as *;
+@use "vue-cropper/dist/index.css";
+
+:root {
+  --mk-spacing-small: 5px;
+  --mk-spacing-middle: 10px;
+  --mk-spacing-large: 15px;
+  --mk-default-bg-color:#2876f6;
+  --mk-container-border-color:#f4f4f4;
+  --mk-container-bg-color:#f4f4f4;
+  --mk-border-color: #cccccc;
+  --mk-border: 1px solid var(--mk-border-color);
+  --el-menu-level-padding: 5px;
+
+  --mk-mask-background-color: rgba(0, 0, 0, 0.1);
+}
+.el-card {
+  --el-card-border-color:var(--mk-container-border-color);
+}
+.el-table{
+  --el-card-border-color:var(--mk-container-border-color);
+}

package/dist/style/src/modules/cms/components/part-tree/index.scss

@@ -1,13 +1,26 @@
+.cms-part-tree {
+  display: flex;
+  flex-direction: column;
+  padding-right: 0 !important;
 
-.cms-part-tree{
-
-  &__header{
+  &__header {
     height: 32px;
     padding: 10px;
     display: flex;
     align-items: center;
-    align-content: center;    
+    align-content: center;
     justify-content: space-between;
     font-weight: 600;
   }
-}
+
+  &__body {
+    height: 0;
+    flex: 1;
+
+    .el-scrollbar {
+      .el-scrollbar__wrap {
+        padding-right: 10px;
+      }
+    }
+  }
+}

package/dist/style/src/modules/cms/pages/cms-contents/article-edit-add-page.scss

@@ -77,7 +77,6 @@
     &__footer {
       padding: 10px 20px;
       background-color: #fff;
-      display: flex;
       .el-tabs {
         height: auto;
         flex: 1;
@@ -167,7 +166,7 @@
 
     &__footer {
       margin-top: 5px;
-      min-height: 600px;
+      min-height: 400px;
     }
   }
 }

package/dist/style/src/modules/cms/pages/cms-contents/components/article-atlas.scss

@@ -1,5 +1,59 @@
 .cms-article-atlas {
-    .cms-article-atlas__list{
+    >.el-card__body {
+        padding-bottom: 0;
+    }
+
+    .cms-article-atlas__header {
+        display: flex;
+        justify-content: space-between;
+
+        .cms-article-atlas__header__btn {
+            cursor: pointer;
+        }
+    }
+
+    .cms-article-atlas__list {
         height: 100%;
+        display: flex;
+        flex-wrap: wrap;
+        gap: 10px;
+
+        .el-scrollbar__wrap {
+            padding-bottom: 12px;
+
+            .el-scrollbar__view {
+                display: flex;
+
+                .cms-article-atlas__list__item {
+                    max-width: 340px;
+                    min-width: 240px;
+                    height: inherit;
+
+                    .images {
+                        width: 100%;
+                        height: 200px;
+                    }
+
+                    .video {
+                        width: 100%;
+                        height: 200px;
+                    }
+
+                    .cms-article-atlas__list__item__desc {
+                        display: flex;
+                        justify-content: space-between;
+                        align-items: center;
+
+                        .item-desc-right {
+                            color: #409EFF;
+                            cursor: pointer;
+                        }
+                    }
+                }
+            }
+        }
+
+
+
     }
 }

package/dist/style/src/modules/cms/pages/cms-contents/index.scss

@@ -1,47 +1,69 @@
-
 @use "./components/article-list.scss" as *;
 @use "./article-edit-add-page.scss" as *;
 @use "./part-edit-add-page.scss" as *;
 @use "./components/part-info.scss" as *;
-.mk-cms-contents{
+@use "./components/article-atlas.scss" as *;
+
+.mk-cms-contents__publish {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px 100px;
+  padding: 10px;
+  justify-content: flex-start;
+}
 
-  &__warp{
+.mk-cms-contents {
+
+  &__warp {
     display: flex;
     flex-direction: column;
     width: 100%;
     height: 100%;
     overflow: hidden;
   }
- 
-  &__body{
+
+  &__body {
     padding: 10px;
     display: flex;
     height: 100%;
     overflow: hidden;
 
-    &__left{
+    &__left {
       background-color: #fff;
       padding: 10px;
       max-width: 360px;
       min-width: 220px;
       margin-right: 10px;
     }
-  
-    &__right{
+
+    &__right {
       flex: 1;
       width: 100%;
       height: 100%;
-      overflow: hidden;    
+      overflow: hidden;
       background: #fff;
-      padding: 10px;    
+      padding: 10px;
       box-sizing: border-box;
+      position: relative;
+
+      &__action {
+        position: absolute;
+        right: 10px;
+        top: 10px
+      }
 
-      .el-tab-pane{
-        width: 100%;
-        height: 100%;
-        overflow: hidden;  
+      .el-tabs__content {
+        overflow: hidden;
+        position: static;
+
+        .el-tab-pane {
+          width: 100%;
+          height: 100%;
+          overflow: hidden;
+        }
       }
+
     }
   }
 
-}
+}

package/dist/style/src/modules/cms/resource-manager.scss

@@ -1,86 +1,88 @@
-.resource-manager {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  background: white;
-
-  &-tools {
-    padding: 10px 20px;
-  }
-
-  .resource-list {
-    height: 0;
-    flex: 1;
-  }
-}
-
-.resource-list {
-  display: flex;
-  flex-direction: column;
-  &-header {
-    padding: 15px 20px;
-    border-top: 1px solid #e6e6e6;
-    border-bottom: 1px solid #e6e6e6;
-  }
-
-  &-breadcrumb-item {
-    cursor: pointer;
-    padding: 5px 3px;
-  }
-
-  &-main {
-    height: 0;
-    flex: 1;
-  }
-
-  &-list {
-    gap: 10px;
-    display: flex;
-    flex-wrap: wrap;
-    align-items: flex-start;
-  }
-
-  .resource-item {
-    width: 120px;
-    height: 130px;
-    padding: 10px;
-    box-sizing: border-box;
-    user-select: none;
-
-    &__wrapper {
-      display: flex;
-      height: 100%;
-      gap: 5px;
-      flex-direction: column;
-    }
-
-    &__main {
-      flex: 1;
-      font-size: 48px;
-      text-align: center;
-      padding-top: 10px;
-    }
-
-    &__label {
-      white-space: nowrap;
-      text-align: center;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      padding: 5px;
-    }
-
-    &:hover {
-      background-color: var(--el-color-info-light-9);
-    }
-
-    &.is-selected {
-      background-color: var(--el-color-primary-light-9);
-    }
-  }
-}
-
-.resource-select-dialog {
-  .resource-list {
-    height: 540px;
-  }
-}
+.resource-manager {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  background: white;
+
+  &-tools {
+    padding: 10px 20px;
+    display: flex;
+    justify-content: end;
+  }
+
+  .resource-list {
+    height: 0;
+    flex: 1;
+  }
+}
+
+.resource-list {
+  display: flex;
+  flex-direction: column;
+  &-header {
+    padding: 15px 20px;
+    border-top: 1px solid #e6e6e6;
+    border-bottom: 1px solid #e6e6e6;
+  }
+
+  &-breadcrumb-item {
+    cursor: pointer;
+    padding: 5px 3px;
+  }
+
+  &-main {
+    height: 0;
+    flex: 1;
+  }
+
+  &-list {
+    gap: 10px;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-start;
+  }
+
+  .resource-item {
+    width: 120px;
+    height: 130px;
+    padding: 10px;
+    box-sizing: border-box;
+    user-select: none;
+
+    &__wrapper {
+      display: flex;
+      height: 100%;
+      gap: 5px;
+      flex-direction: column;
+    }
+
+    &__main {
+      flex: 1;
+      font-size: 48px;
+      text-align: center;
+      padding-top: 10px;
+    }
+
+    &__label {
+      white-space: nowrap;
+      text-align: center;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      padding: 5px;
+    }
+
+    &:hover {
+      background-color: var(--el-color-info-light-9);
+    }
+
+    &.is-selected {
+      background-color: var(--el-color-primary-light-9);
+    }
+  }
+}
+
+.resource-select-dialog {
+  .resource-list {
+    height: 540px;
+  }
+}

package/dist/style/src/modules/ms/pages/index.scss

@@ -1 +1,2 @@
-@use "./ms-role.scss";
+@use "./ms-role.scss";
+@use "./ms-member.scss"

package/dist/style/src/modules/ms/pages/ms-member.scss

@@ -0,0 +1,15 @@
+// .ms-member {
+    .ms-member-active {
+        display: flex;
+
+        .ms-member-active__icon {
+            margin-right: 5px;
+            font-size: 20px;
+            color: #E6A23C;
+        }
+        .ms-member-active__body{
+            font-size: 14px;
+            color: #4090ee;
+        }
+    }
+// }

package/dist/style/src/page/dv/index.scss

@@ -1,2 +1,3 @@
-@use "./local-log.scss";
-@use "./ms-member.scss"
+@use "./local-log.scss";
+@use "./ms-member.scss";
+@use "./ms-menu.scss";

package/dist/style/src/page/dv/ms-menu.scss

@@ -0,0 +1,9 @@
+.ms-menu {
+  &__title {
+    margin: 0 10px 0 5px;
+  }
+
+  &__url {
+    font-size: 12px;
+  }
+}