@maketribe/ms-app 3.2.4 → 3.2.6

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

@@ -1,303 +1,310 @@
-@forward "element-plus/theme-chalk/src/common/var.scss" with (
-  $header: (
-    "padding": 0px,
-  ),
-  $alert: (
-    "padding": 5px 16px,
-  )
-);
-@use "element-plus/theme-chalk/src/index.scss" as *;
-
-input:-webkit-autofill,
-input:-webkit-autofill:hover,
-input:-webkit-autofill:focus,
-input:-webkit-autofill:active {
-  -webkit-box-shadow: 0 0 0px 1000px white inset;
-}
-
-:root {
-  --el-border-radius-base: 0;
-  --el-card-border-radius: 0;
-  --el-box-shadow-light: none;
-}
-.el-image-viewer__mask {
-  background: transparent;
-}
-
-.mk-overlay {
-  backdrop-filter: blur(3px);
-  background-color: rgba(0, 0, 0, 0.1);
-}
-
-.el-image-viewer__wrapper,
-.el-overlay {
-  backdrop-filter: blur(3px);
-  background-color: rgba(0, 0, 0, 0.1);
-  outline: none;
-
-  // 重写浮层样式,解决低版本浏览器样式bug
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  .el-overlay-dialog {
-    width: 100%;
-    height: 100%;
-  }
-  .el-overlay-message-box {
-    width: 100%;
-    height: 100%;
-    box-sizing: border-box;
-  }
-}
-
-.el-menu {
-  &-item {
-    margin: 10px;
-  }
-  .mk-svg-icon {
-    .el-icon {
-      width: auto;
-      font-size: inherit;
-      margin: 0px;
-    }
-  }
-}
-
-// 修改默认tabs央视
-.el-tabs {
-  width: 100%;
-  height: 100%;
-  &.el-tabs--top {
-    display: flex;
-    flex-direction: column;
-    .el-tabs__content {
-      flex: 1 1;
-      height: 100%;
-    }
-  }
-  &.el-tabs--left {
-    .el-tabs__content,
-    .el-tab-pane {
-      height: 100%;
-    }
-  }
-}
-.el-card {
-  --el-card-padding: 12px;
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-
-  &.not-header-border {
-    .el-card__header {
-      border-bottom: none;
-      padding-bottom: 0;
-    }
-  }
-  .el-card__header {
-    .el-button--mini {
-      padding: 7px;
-    }
-
-    .header-box {
-      display: flex;
-      justify-content: flex-end;
-      &-main {
-        flex: 1;
-        padding-right: 10px;
-        width: 0;
-      }
-
-      &-tools {
-        display: flex;
-        justify-content: flex-end;
-      }
-    }
-  }
-  .el-card__body {
-    height: 100%;
-    overflow: auto;
-  }
-}
-.el-table__expand-icon {
-  vertical-align: middle;
-}
-.el-descriptions__body
-  .el-descriptions__table.is-bordered
-  .el-descriptions__cell {
-  .el-form-item--default {
-    margin-bottom: 0;
-  }
-}
-.el-calendar {
-  --el-calendar-cell-width: auto;
-}
-.el-tree {
-  height: 100%;
-  .el-tree-node {
-    .el-tree-node__content {
-      height: auto;
-      min-height: 46px;
-      display: flex;
-      box-sizing: border-box;
-      width: 100%;
-      padding: 0 6px;
-      > .el-tree-node__label {
-        flex: 1 1;
-        width: 100%;
-      }
-    }
-  }
-  .el-vl__wrapper {
-    height: 100%;
-    .el-tree-virtual-list {
-      height: 100%;
-    }
-  }
-}
-
-.el-input-number.is-controls-right {
-  .el-input__inner {
-    text-align: left;
-  }
-}
-
-.el-overlay {
-  > .el-drawer {
-    .el-drawer__body {
-      padding-top: 0px;
-    }
-  }
-}
-
-.el-dialog {
-  max-height: 80%;
-  display: flex;
-  flex-direction: column;
-  .el-dialog__header {
-    min-height: 16px;
-  }
-
-  &__body {
-    height: 0;
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-  }
-}
-
-.el-overlay-dialog {
-  overflow: hidden;
-  > .el-dialog {
-    top: 50%;
-    margin-top: 0;
-    transform: translateY(-50%);
-    &.mini-modal {
-      .el-dialog__header {
-        display: none;
-      }
-      .el-dialog__body {
-        // padding: 0;
-      }
-    }
-  }
-}
-.el-select-dropdown__wrap {
-  .el-tree .el-tree-node {
-    width: 100%;
-    .el-tree-node__content {
-      width: 100%;
-      .el-select-dropdown__item {
-        width: 100%;
-      }
-    }
-  }
-}
-.el-form-item__content {
-  align-items: flex-start !important;
-}
-
-.el-card {
-  --el-card-border-radius: 0;
-}
-.el-tag {
-  --el-tag-border-radius: 0;
-}
-.el-popper {
-  .el-popover {
-    padding: 0;
-    > div {
-      margin: var(--el-popover-padding);
-    }
-    &__title {
-      margin: 0;
-      padding: var(--el-popover-padding);
-      border-bottom: 1px solid var(--el-popover-border-color);
-    }
-  }
-}
-.el-popover {
-  &__title {
-    margin: 0 0 var(--el-popover-padding) 0 !important;
-    padding: var(--el-popover-padding);
-    border-bottom: 1px solid var(--el-popover-border-color);
-  }
-}
-// 表格头
-.el-table th.el-table__cell {
-  font-size: var(--el-font-size-base);
-  font-weight: bold;
-  background: #fafafa !important;
-}
-// .el-table .el-table__cell {
-//   text-align: center;
-// }
-
-.el-descriptions__body
-  .el-descriptions__table.is-bordered
-  .el-descriptions__cell {
-  &.label-required {
-    position: relative;
-    &.is-right {
-      padding-right: 15px;
-    }
-    &::after {
-      content: "";
-      width: 4px;
-      display: block;
-      height: 4px;
-      background-color: var(--el-color-danger);
-      position: absolute;
-      right: 5px;
-      top: 50%;
-      border-radius: 4px;
-      overflow: hidden;
-      transform: translateY(-50%);
-    }
-  }
-}
-
-.flex-box {
-  display: flex;
-  &-main {
-    width: 0;
-    flex: 1;
-  }
-}
-
-* {
-  outline: none;
-}
-
-.el-button {
-  .mk-svg-icon:first-child {
-    // margin-right: 6px;
-  }
-}
-
-// 下拉菜单的选中状态
-.el-dropdown-menu__item:not(.is-disabled).active{
-  background-color: var(--el-dropdown-menuItem-hover-fill);
-  color: var(--el-dropdown-menuItem-hover-color);
-}
+@forward "element-plus/theme-chalk/src/common/var.scss" with (
+  $header: (
+    "padding": 0px,
+  ),
+  $alert: (
+    "padding": 5px 16px,
+  )
+);
+@use "element-plus/theme-chalk/src/index.scss" as *;
+
+input:-webkit-autofill,
+input:-webkit-autofill:hover,
+input:-webkit-autofill:focus,
+input:-webkit-autofill:active {
+  -webkit-box-shadow: 0 0 0px 1000px white inset;
+}
+
+:root {
+  --el-border-radius-base: 0;
+  --el-card-border-radius: 0;
+  --el-box-shadow-light: none;
+}
+.el-image-viewer__mask {
+  background: transparent;
+}
+
+.mk-overlay {
+  backdrop-filter: blur(3px);
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+.el-image-viewer__wrapper,
+.el-overlay {
+  backdrop-filter: blur(3px);
+  background-color: rgba(0, 0, 0, 0.1);
+  outline: none;
+
+  // 重写浮层样式,解决低版本浏览器样式bug
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  .el-overlay-dialog {
+    width: 100%;
+    height: 100%;
+  }
+  .el-overlay-message-box {
+    width: 100%;
+    height: 100%;
+    box-sizing: border-box;
+  }
+}
+
+.el-menu {
+  &-item {
+    margin: 10px;
+  }
+  .mk-svg-icon {
+    .el-icon {
+      width: auto;
+      font-size: inherit;
+      margin: 0px;
+    }
+  }
+}
+
+// 修改默认tabs央视
+.el-tabs {
+  width: 100%;
+  height: 100%;
+  &.el-tabs--top {
+    display: flex;
+    flex-direction: column;
+    .el-tabs__content {
+      flex: 1 1;
+      height: 100%;
+    }
+  }
+  &.el-tabs--left {
+    .el-tabs__content,
+    .el-tab-pane {
+      height: 100%;
+    }
+  }
+}
+.el-card {
+  --el-card-padding: 12px;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+
+  &.not-header-border {
+    .el-card__header {
+      border-bottom: none;
+      padding-bottom: 0;
+    }
+  }
+  .el-card__header {
+    .el-button--mini {
+      padding: 7px;
+    }
+
+    .header-box {
+      display: flex;
+      justify-content: flex-end;
+      &-main {
+        flex: 1;
+        padding-right: 10px;
+        width: 0;
+      }
+
+      &-tools {
+        display: flex;
+        justify-content: flex-end;
+      }
+    }
+  }
+  .el-card__body {
+    height: 100%;
+    overflow: auto;
+  }
+}
+.el-table__expand-icon {
+  vertical-align: middle;
+}
+.el-descriptions__body
+  .el-descriptions__table.is-bordered
+  .el-descriptions__cell {
+  .el-form-item--default {
+    margin-bottom: 0;
+  }
+}
+.el-calendar {
+  --el-calendar-cell-width: auto;
+}
+.el-tree {
+  height: 100%;
+  .el-tree-node {
+    .el-tree-node__content {
+      height: auto;
+      min-height: 46px;
+      display: flex;
+      box-sizing: border-box;
+      width: 100%;
+      padding: 0 6px;
+      > .el-tree-node__label {
+        flex: 1 1;
+        width: 100%;
+      }
+    }
+  }
+  .el-vl__wrapper {
+    height: 100%;
+    .el-tree-virtual-list {
+      height: 100%;
+    }
+  }
+}
+
+.el-input-number.is-controls-right {
+  .el-input__inner {
+    text-align: left;
+  }
+}
+
+.el-overlay {
+  > .el-drawer {
+    .el-drawer__body {
+      padding-top: 0px;
+    }
+  }
+}
+
+.el-overlay-dialog {
+  overflow: hidden;
+
+  > .el-dialog{
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+
+    .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;
+      }
+      .el-dialog__body {
+        // padding: 0;
+      }
+    }
+  }
+}
+.el-select-dropdown__wrap {
+  .el-tree .el-tree-node {
+    width: 100%;
+    .el-tree-node__content {
+      width: 100%;
+      .el-select-dropdown__item {
+        width: 100%;
+      }
+    }
+  }
+}
+.el-form-item__content {
+  align-items: flex-start !important;
+}
+
+.el-card {
+  --el-card-border-radius: 0;
+}
+.el-tag {
+  --el-tag-border-radius: 0;
+}
+.el-popper {
+  .el-popover {
+    padding: 0;
+    > div {
+      margin: var(--el-popover-padding);
+    }
+    &__title {
+      margin: 0;
+      padding: var(--el-popover-padding);
+      border-bottom: 1px solid var(--el-popover-border-color);
+    }
+  }
+}
+.el-popover {
+  &__title {
+    margin: 0 0 var(--el-popover-padding) 0 !important;
+    padding: var(--el-popover-padding);
+    border-bottom: 1px solid var(--el-popover-border-color);
+  }
+}
+// 表格头
+.el-table th.el-table__cell {
+  font-size: var(--el-font-size-base);
+  font-weight: bold;
+  background: #fafafa !important;
+}
+// .el-table .el-table__cell {
+//   text-align: center;
+// }
+
+.el-descriptions__body
+  .el-descriptions__table.is-bordered
+  .el-descriptions__cell {
+  &.label-required {
+    position: relative;
+    &.is-right {
+      padding-right: 15px;
+    }
+    &::after {
+      content: "";
+      width: 4px;
+      display: block;
+      height: 4px;
+      background-color: var(--el-color-danger);
+      position: absolute;
+      right: 5px;
+      top: 50%;
+      border-radius: 4px;
+      overflow: hidden;
+      transform: translateY(-50%);
+    }
+  }
+}
+
+.flex-box {
+  display: flex;
+  &-main {
+    width: 0;
+    flex: 1;
+  }
+}
+
+* {
+  outline: none;
+}
+
+.el-button {
+  .mk-svg-icon:first-child {
+    // margin-right: 6px;
+  }
+}
+
+// 下拉菜单的选中状态
+.el-dropdown-menu__item:not(.is-disabled).active{
+  background-color: var(--el-dropdown-menuItem-hover-fill);
+  color: var(--el-dropdown-menuItem-hover-color);
+}