diff --git a/src/styles/index.scss b/src/styles/index.scss index 655cc381..cccbd99f 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -3,14 +3,14 @@ @import "./dark"; .app-container { - margin: 20px; - - .search { - padding: 18px 0 0 10px; - margin-bottom: 10px; - background-color: var(--el-bg-color-overlay); - border: 1px solid var(--el-border-color-light); - border-radius: 4px; - box-shadow: var(--el-box-shadow-light); - } + padding: 10px; +} + +.search-container { + padding: 18px 0 0 10px; + margin-bottom: 10px; + background-color: var(--el-bg-color-overlay); + border: 1px solid var(--el-border-color-light); + border-radius: 4px; + box-shadow: var(--el-box-shadow-light); } diff --git a/src/views/demo/api-doc.vue b/src/views/demo/api-doc.vue index acd7fd76..d9071833 100644 --- 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); + } } diff --git a/src/views/demo/websocket.vue b/src/views/demo/websocket.vue index fae813d0..72f72074 100644 --- a/src/views/demo/websocket.vue +++ b/src/views/demo/websocket.vue @@ -86,7 +86,7 @@ onMounted(() => {}); >
-