fix: nav menu layout shift with/without sidebar

pull/665/head
Kia King Ishii 2 years ago
parent e32936b6ae
commit 3f49fd67ab

@ -18,13 +18,14 @@ const { hasSidebar } = useSidebar()
<style scoped> <style scoped>
.VPNavBarTitle { .VPNavBarTitle {
flex-shrink: 0; flex-shrink: 0;
border-bottom: 1px solid transparent;
} }
@media (min-width: 960px) { @media (min-width: 960px) {
.VPNavBarTitle.has-sidebar { .VPNavBarTitle.has-sidebar {
margin-right: 32px; margin-right: 32px;
width: calc(var(--vp-sidebar-width) - 64px); width: calc(var(--vp-sidebar-width) - 64px);
border-bottom: 1px solid var(--vp-c-divider-light); border-bottom-color: var(--vp-c-divider-light);
background-color: var(--vp-c-bg-alt); background-color: var(--vp-c-bg-alt);
} }
} }

Loading…
Cancel
Save