diff --git a/src/client/theme-default/components/VPCarbonAds.vue b/src/client/theme-default/components/VPCarbonAds.vue
index a233d1ef..577e4717 100644
--- a/src/client/theme-default/components/VPCarbonAds.vue
+++ b/src/client/theme-default/components/VPCarbonAds.vue
@@ -106,4 +106,10 @@ if (carbonOptions) {
.VPCarbonAds :deep(> div:first-of-type) {
display: block;
}
+
+@media print {
+ .VPCarbonAds {
+ display: none;
+ }
+}
diff --git a/src/client/theme-default/components/VPDocAsideOutline.vue b/src/client/theme-default/components/VPDocAsideOutline.vue
index efaadc09..30e2693b 100644
--- a/src/client/theme-default/components/VPDocAsideOutline.vue
+++ b/src/client/theme-default/components/VPDocAsideOutline.vue
@@ -48,6 +48,12 @@ useActiveAnchor(container, marker)
display: block;
}
+@media print {
+ .VPDocAsideOutline {
+ display: none;
+ }
+}
+
.content {
position: relative;
border-left: 1px solid var(--vp-c-divider);
diff --git a/src/client/theme-default/components/VPDocFooter.vue b/src/client/theme-default/components/VPDocFooter.vue
index 0b6ff2a8..130f11da 100644
--- a/src/client/theme-default/components/VPDocFooter.vue
+++ b/src/client/theme-default/components/VPDocFooter.vue
@@ -83,6 +83,12 @@ const showFooter = computed(
margin-top: 64px;
}
+@media print {
+ .VPDocFooter {
+ display: none;
+ }
+}
+
.edit-info {
padding-bottom: 18px;
}
diff --git a/src/client/theme-default/components/VPFooter.vue b/src/client/theme-default/components/VPFooter.vue
index 63638044..2e9232c8 100644
--- a/src/client/theme-default/components/VPFooter.vue
+++ b/src/client/theme-default/components/VPFooter.vue
@@ -44,6 +44,12 @@ const { hasSidebar } = useLayout()
}
}
+@media print {
+ .VPFooter {
+ display: none;
+ }
+}
+
.container {
margin: 0 auto;
max-width: var(--vp-layout-max-width);
diff --git a/src/client/theme-default/components/VPLocalNav.vue b/src/client/theme-default/components/VPLocalNav.vue
index b950205a..bc210504 100644
--- a/src/client/theme-default/components/VPLocalNav.vue
+++ b/src/client/theme-default/components/VPLocalNav.vue
@@ -98,6 +98,12 @@ const classes = computed(() => {
}
}
+@media print {
+ .VPLocalNav {
+ display: none;
+ }
+}
+
@media (min-width: 1440px) {
.VPLocalNav.has-sidebar {
padding-left: calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width));
diff --git a/src/client/theme-default/components/VPNav.vue b/src/client/theme-default/components/VPNav.vue
index d33949a6..72fdd259 100644
--- a/src/client/theme-default/components/VPNav.vue
+++ b/src/client/theme-default/components/VPNav.vue
@@ -30,7 +30,7 @@ watchEffect(() => {
-
+
@@ -54,4 +54,14 @@ watchEffect(() => {
position: fixed;
}
}
+
+@media print {
+ .VPNav {
+ position: fixed;
+ }
+
+ .VPNavScreen {
+ display: none;
+ }
+}
diff --git a/src/client/theme-default/components/VPNavBar.vue b/src/client/theme-default/components/VPNavBar.vue
index 6c3ca56b..bf799f72 100644
--- a/src/client/theme-default/components/VPNavBar.vue
+++ b/src/client/theme-default/components/VPNavBar.vue
@@ -188,6 +188,12 @@ watchPostEffect(() => {
}
}
+@media print {
+ .content {
+ display: none;
+ }
+}
+
.content-body {
display: flex;
justify-content: flex-end;
diff --git a/src/client/theme-default/components/VPSidebar.vue b/src/client/theme-default/components/VPSidebar.vue
index b27d8028..48a6451d 100644
--- a/src/client/theme-default/components/VPSidebar.vue
+++ b/src/client/theme-default/components/VPSidebar.vue
@@ -116,6 +116,12 @@ watch(
}
}
+@media print {
+ .VPSidebar {
+ display: none;
+ }
+}
+
@media (min-width: 960px) {
.curtain {
position: sticky;