From 9f8de682fa9f26d4df83a1028d1e7bee557bea10 Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Sun, 21 Jul 2024 00:47:56 +0800
Subject: [PATCH] perf(theme): improve media print layout

---
 theme/src/client/components/Nav/VPNavBar.vue |  6 ++++++
 theme/src/client/styles/code.css             | 10 ++++++++++
 2 files changed, 16 insertions(+)

diff --git a/theme/src/client/components/Nav/VPNavBar.vue b/theme/src/client/components/Nav/VPNavBar.vue
index 797d0156..1faf3b8c 100644
--- a/theme/src/client/components/Nav/VPNavBar.vue
+++ b/theme/src/client/components/Nav/VPNavBar.vue
@@ -286,4 +286,10 @@ watchPostEffect(() => {
     background-color: var(--vp-c-gutter);
   }
 }
+
+@media print {
+  .vp-navbar .hamburger {
+    display: none;
+  }
+}
 </style>
diff --git a/theme/src/client/styles/code.css b/theme/src/client/styles/code.css
index 187bac30..b66be19d 100644
--- a/theme/src/client/styles/code.css
+++ b/theme/src/client/styles/code.css
@@ -135,6 +135,16 @@ html:not(.dark) .vp-code span {
   counter-increment: line-number;
 }
 
+@media print {
+  .vp-doc div[class*="language-"].line-numbers-mode {
+    padding-left: 0;
+  }
+
+  .vp-doc div[class*="language-"].line-numbers-mode .line-numbers {
+    display: none;
+  }
+}
+
 @media (max-width: 639px) {
   .vp-doc li div[class*="language-"] {
     border-radius: 8px 0 0 8px;