瀏覽代碼

移动端侧边栏展开菜单宽度,copy提示修复遮挡问题

wzl 2 年之前
父節點
當前提交
1b47d5293b
共有 3 個文件被更改,包括 17 次插入1 次删除
  1. 1 1
      src/assets/scss/element-variables.scss
  2. 8 0
      src/views/projects/api/apiKeys.vue
  3. 8 0
      src/views/projects/user/webhooks.vue

+ 1 - 1
src/assets/scss/element-variables.scss

@@ -395,7 +395,7 @@ $--font-path: '~element-ui/lib/theme-chalk/fonts';
     }
   }
   .el-menu--popup {
-    min-width: 150px;
+    min-width: auto;
   }
   .el-submenu__title * {
     vertical-align: top;

+ 8 - 0
src/views/projects/api/apiKeys.vue

@@ -282,6 +282,11 @@ export default class apikeys extends Vue {
     }
   }
 }
+@media screen and (min-width: 768px) {
+  .api-keys .keys-table ::v-deep .el-table__row:first-child .copy-tip {
+    top: 60px;
+  }
+}
 @media screen and (max-width: 767px) {
   .api-keys .keys-table .copy-tip {
     display: flex;
@@ -301,6 +306,9 @@ export default class apikeys extends Vue {
       margin-right: 8px;
     }
   }
+  .api-keys .keys-table ::v-deep .el-table__row:last-child .copy-tip {
+    top: calc(-100% - 22px);
+  }
 }
 </style>
 <style lang="scss">

+ 8 - 0
src/views/projects/user/webhooks.vue

@@ -315,6 +315,11 @@ export default class webhooks extends Vue {
     }
   }
 }
+@media screen and (min-width: 768px) {
+  .webhooks .keys-table ::v-deep .el-table__row:first-child .copy-tip {
+    top: 60px;
+  }
+}
 @media screen and (max-width: 767px) {
   .webhooks .keys-table .copy-tip {
     display: flex;
@@ -334,6 +339,9 @@ export default class webhooks extends Vue {
       margin-right: 8px;
     }
   }
+  .webhooks .keys-table ::v-deep .el-table__row:last-child .copy-tip {
+    top: calc(-100% - 22px);
+  }
 }
 </style>
 <style lang="scss">