fix(theme): fix incorrect code block rendering within card, close #798 (#801)

This commit is contained in:
pengzhanbo 2025-12-14 01:34:33 +08:00 committed by GitHub
parent b86a121707
commit ce19b84232
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -79,13 +79,17 @@ const iconName = computed<string | { svg: string }>(() => {
margin-bottom: 0; margin-bottom: 0;
} }
@media (max-width: 419px) { @media (max-width: 639px) {
.vp-card-wrapper .body :where(div[class*="language-"], .vp-block) { .vp-card-wrapper .body :where(div[class*="language-"], .vp-block) {
margin: 16px -20px; margin: 16px -20px;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
} }
.vp-card-wrapper .body :where(.vp-code-tabs-nav) {
margin: 16px -20px 0;
}
.vp-card-wrapper .body :deep(.code-block-title-bar) { .vp-card-wrapper .body :deep(.code-block-title-bar) {
margin-inline: -20px; margin-inline: -20px;
} }