refactor: ♻️ 样式优化

Former-commit-id: 0675ba9b86e52bf1bba568c9bbbcbf8a8aff1dfe
2023-06-17 09:15:37 +08:00
parent 0f7a3b5f09
commit d46935d1ab
8 changed files with 28 additions and 20 deletions
--- a/src/views/demo/api-doc.vue
+++ b/src/views/demo/api-doc.vue
@@ -14,6 +14,14 @@
 .app-container {
  display: flex;
  flex-direction: column;
-  height: calc(100vh - 124px);
+
+  /* 84 = navbar + tags-view = 50 + 34 */
+  height: calc(100vh - 50px);
+}
+
+.hasTagsView {
+  .app-container {
+    height: calc(100vh - 84px);
+  }
 }
 </style>
--- a/src/views/demo/websocket.vue
+++ b/src/views/demo/websocket.vue
@@ -86,7 +86,7 @@ onMounted(() => {});
    >

    <div>
-      <div class="search">
+      <div class="search-container">
        <el-form :inline="true">
          <el-form-item> <el-input v-model="inputVal" /></el-form-item>
          <el-form-item