This is an automated email from the ASF dual-hosted git repository. critas pushed a commit to branch wx_0226_sidebar in repository https://gitbox.apache.org/repos/asf/iotdb-docs.git
commit 30f9064c7742463ae43ab2132bb6ced587a968b8 Author: CritasWang <[email protected]> AuthorDate: Wed Feb 26 16:46:51 2025 +0800 change sidebar header size --- src/.vuepress/components/Sidevar.vue | 43 +++------------------------------- src/.vuepress/styles/index.scss | 45 ++++++++++++++++++++++++++++++++++++ 2 files changed, 48 insertions(+), 40 deletions(-) diff --git a/src/.vuepress/components/Sidevar.vue b/src/.vuepress/components/Sidevar.vue index 6bef56d1..6293387d 100644 --- a/src/.vuepress/components/Sidevar.vue +++ b/src/.vuepress/components/Sidevar.vue @@ -1,7 +1,7 @@ <template> - <Sidebar> + <Sidebar class="iotdb-sidebar"> <template #top> - <p class="vp-sidebar-header" style="margin-top: 1rem;"> + <p class="vp-sidebar-header iotdb-sidebar-header"> <span class="vp-sidebar-title">{{(sidebarItems && sidebarItems.length>0) ? sidebarItems[0]?.text: ''}}</span> </p> <div class="sidebar-top-wrapper"> @@ -72,41 +72,4 @@ watch( }, { immediate: true }, ); -</script> - -<style lang="scss"> -.vp-sidebar > ul > li:nth-child(1){ - display: none; -} -.vp-sidebar > .vp-sidebar-links { - padding: 0.25rem 0; -} -.switch-list { - display: flex; - text-align: center; - width: 150px; - margin-right: 12px; - border-radius: 16px; - background-color: #f0f1fa; - list-style-type: none; - padding: 4px; - margin: 0; - margin-left: 16px; - - .switch-type { - padding: 1px 9px; - flex: 1; - cursor: pointer; - border-radius: 16px; - background-color: transparent; - font-size: 1.1em; - line-height: 1.5; - color: #656a85; - } - - .switch-active { - background-color: #495ad4; - color: #fff; - } -} -</style> \ No newline at end of file +</script> \ No newline at end of file diff --git a/src/.vuepress/styles/index.scss b/src/.vuepress/styles/index.scss index 15244633..d1ef8fb3 100644 --- a/src/.vuepress/styles/index.scss +++ b/src/.vuepress/styles/index.scss @@ -94,6 +94,51 @@ div[class*='language-'] pre code { color: var(--code-c-text); } +.iotdb-sidebar { + .iotdb-sidebar-header { + margin-top: 1rem; + margin-bottom: 0.25rem; + font-size: 1.35rem; + font-weight: 500; + white-space: nowrap; + } + &.vp-sidebar > ul > li:nth-child(1){ + display: none; + } + &.vp-sidebar > .vp-sidebar-links { + padding: 0.25rem 0; + } + .switch-list { + display: flex; + text-align: center; + width: 150px; + margin-right: 12px; + border-radius: 16px; + background-color: #f0f1fa; + list-style-type: none; + padding: 4px; + margin: 0 0 0 16px; + + .switch-type { + padding: 1px 9px; + flex: 1; + cursor: pointer; + border-radius: 16px; + background-color: transparent; + font-size: 1.1em; + line-height: 1.5; + color: #656a85; + font-weight: 400; + white-space: nowrap; + } + + .switch-active { + background-color: #495ad4; + color: #fff; + } + } +} + .home { .vp-hero-title { background: linear-gradient(90deg, rgb(158, 40, 120) 0%, rgb(103, 56, 189) 100%);
