perf(theme): improve media print layout
This commit is contained in:
parent
9f6368b7a4
commit
9f8de682fa
@ -286,4 +286,10 @@ watchPostEffect(() => {
|
||||
background-color: var(--vp-c-gutter);
|
||||
}
|
||||
}
|
||||
|
||||
@media print {
|
||||
.vp-navbar .hamburger {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -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;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user