perf(theme): improve media print layout

This commit is contained in:
pengzhanbo 2024-07-21 00:47:56 +08:00
parent 9f6368b7a4
commit 9f8de682fa
2 changed files with 16 additions and 0 deletions

View File

@ -286,4 +286,10 @@ watchPostEffect(() => {
background-color: var(--vp-c-gutter); background-color: var(--vp-c-gutter);
} }
} }
@media print {
.vp-navbar .hamburger {
display: none;
}
}
</style> </style>

View File

@ -135,6 +135,16 @@ html:not(.dark) .vp-code span {
counter-increment: line-number; 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) { @media (max-width: 639px) {
.vp-doc li div[class*="language-"] { .vp-doc li div[class*="language-"] {
border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px;