@maketribe/ms-app 3.2.5 → 3.2.7

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

@@ -23,6 +23,11 @@
     padding: 15px 20px;
     border-top: 1px solid #e6e6e6;
     border-bottom: 1px solid #e6e6e6;
+    display: flex;
+    justify-content: space-between;
+  }
+  &-mode{
+    cursor: pointer;
   }
 
   &-breadcrumb-item {
@@ -81,6 +86,64 @@
   }
 }
 
+// 行模式
+.resource-list {
+
+  &.row{
+
+    .resource-list{
+
+      &-list {
+        gap: 10px;
+        display: block;
+        flex-wrap: wrap;
+        align-items: flex-start;
+      }
+    }
+
+    .resource-item {
+      width: 100%;
+      height: auto;
+      padding: 10px;
+      box-sizing: border-box;
+      user-select: none;
+      cursor: pointer;
+  
+      &__wrapper {
+        height: 100%;
+        gap: 5px;
+        flex-direction: row;
+      }
+  
+      &__main {
+        flex: 0;
+        font-size: 24px;
+        text-align: center;
+        padding-top: 0;
+      }
+  
+      &__label {
+        font-size: 18px;
+        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/page/dv/index.scss

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

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

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

package/dist/style/src/theme/theme.scss

@@ -171,28 +171,35 @@ input:-webkit-autofill:active {
   }
 }
 
-.el-dialog {
-  max-height: 80%;
-  display: flex;
-  flex-direction: column;
-  .el-dialog__header {
-    min-height: 16px;
-  }
+.el-overlay-dialog {
+  overflow: hidden;
 
-  &__body {
-    height: 0;
-    flex: 1;
+  > .el-dialog{
     display: flex;
     flex-direction: column;
-  }
-}
+    overflow: hidden;
 
-.el-overlay-dialog {
-  overflow: hidden;
-  > .el-dialog {
+    .el-dialog__body {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+    }
+  }
+  > .el-dialog:not(.is-fullscreen){
+    max-height: 80%;
+    display: flex;
     top: 50%;
     margin-top: 0;
     transform: translateY(-50%);
+
+    .el-dialog__header {
+      min-height: 16px;
+    }
+    .el-dialog__body {
+      // height: auto;
+      overflow: hidden;
+    }
+
     &.mini-modal {
       .el-dialog__header {
         display: none;