fix(msg): remove unused component & modify some styles

emqx · Jun 5, 2021 · 2dfc91d · 2dfc91d
1 parent 2b56be6
commit 2dfc91d
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 18 deletions.
diff --git a/src/assets/scss/element/element-reset.scss b/src/assets/scss/element/element-reset.scss
@@ -90,11 +90,6 @@
   }
 }
 
-/* Cascader */
-.el-cascader {
-  width: 100%;
-}
-
 /* Message */
 .el-message-box {
   border-radius: 8px;
@@ -248,15 +243,6 @@
   background: var(--color-bg-item);
 }
 
-/* Cascader */
-.el-cascader-menu {
-  border-right: 1px solid var(--color-border-default);
-}
-.el-cascader-node:not(.is-disabled):hover,
-.el-cascader-node:not(.is-disabled):focus {
-  background: var(--color-bg-item);
-}
-
 /* Tootip */
 .el-tooltip__popper.is-light {
   color: #616161;

diff --git a/src/components/MsgPublish.vue b/src/components/MsgPublish.vue
@@ -41,8 +41,8 @@
           :value="item"
         >
           <span style="float: left; width: 160px; overflow: hidden; text-overflow: ellipsis">{{ item.topic }}</span>
-          <span style="color: #8492a6; font-size: 12px; margin-left: 4px">QOS:{{ item.qos }}</span>
-          <span style="float: right; color: #8492a6; font-size: 13px; font-weight: 400; margin-left: 4px"
+          <span style="color: #8492a6; font-size: 12px; margin-left: 4px">QoS:{{ item.qos }}</span>
+          <span style="float: right; color: #8492a6; font-size: 13px; margin-left: 4px"
             >retain:{{ item.retain ? '1' : '0' }}</span
           >
         </el-option>
@@ -392,5 +392,8 @@ export default class MsgPublish extends Vue {
 }
 .el-select-dropdown.el-popper.header-select--popper {
   max-width: 300px;
+  .el-select-dropdown__empty {
+    width: 80px;
+  }
 }
 </style>
diff --git a/src/utils/element.ts b/src/utils/element.ts
@@ -59,7 +59,7 @@ import {
   // CarouselItem,
   // Collapse,
   // CollapseItem,
-  Cascader,
+  // Cascader,
   ColorPicker,
   // Transfer,
   // Container,
@@ -130,7 +130,7 @@ export default (Vue: typeof _Vue) => {
   // Vue.use(CarouselItem)
   // Vue.use(Collapse)
   // Vue.use(CollapseItem)
-  Vue.use(Cascader)
+  // Vue.use(Cascader)
   Vue.use(ColorPicker)
   // Vue.use(Transfer)
   // Vue.use(Container)