fix: title bar style

yuyinws · Dec 4, 2024 · 312f01c · 312f01c
1 parent 8543051
commit 312f01c
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/src/codegen.ts b/src/codegen.ts
@@ -30,6 +30,10 @@ export async function generateCSS(labels: Set<string>, options: Options) {
   box-shadow: inset 0 -1px var(--vp-code-tab-divider);
 }
 
+.custom-block .vp-code-block-title-bar {
+  margin: 16px 0 0 0;
+}
+
 @media (min-width: 640px) {
   .vp-code-block-title-bar {
     margin: 16px 0 0 0;

diff --git a/test/__snapshots__/codegen.test.ts.snap b/test/__snapshots__/codegen.test.ts.snap
@@ -28,6 +28,10 @@ exports[`generate css > builtin icon 1`] = `
   box-shadow: inset 0 -1px var(--vp-code-tab-divider);
 }
 
+.custom-block .vp-code-block-title-bar {
+  margin: 16px 0 0 0;
+}
+
 @media (min-width: 640px) {
   .vp-code-block-title-bar {
     margin: 16px 0 0 0;
@@ -85,6 +89,10 @@ exports[`generate css > custom icon 1`] = `
   box-shadow: inset 0 -1px var(--vp-code-tab-divider);
 }
 
+.custom-block .vp-code-block-title-bar {
+  margin: 16px 0 0 0;
+}
+
 @media (min-width: 640px) {
   .vp-code-block-title-bar {
     margin: 16px 0 0 0;
@@ -146,6 +154,10 @@ exports[`generate css > duplicate label 1`] = `
   box-shadow: inset 0 -1px var(--vp-code-tab-divider);
 }
 
+.custom-block .vp-code-block-title-bar {
+  margin: 16px 0 0 0;
+}
+
 @media (min-width: 640px) {
   .vp-code-block-title-bar {
     margin: 16px 0 0 0;