fix: code editor styles in admonitions (#931)

logto-io · Dec 13, 2024 · 2d6058f · 2d6058f
1 parent 86a686e
commit 2d6058f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/src/scss/custom.scss b/src/scss/custom.scss
@@ -795,11 +795,17 @@ table {
     }
   }
 
-  code {
+  code:not(pre code) {
     background-color: var(--logto-container-neutral-bg);
   }
 }
 
+html[data-theme='dark'] {
+  .alert pre code {
+    background-color: #181132;
+  }
+}
+
 .alert--info,
 .alert--secondary {
   --ifm-alert-background-color: var(--logto-container-info-bg);

diff --git a/src/theme/Admonition/Layout/styles.module.css b/src/theme/Admonition/Layout/styles.module.css
@@ -39,10 +39,10 @@
 
   > p:first-of-type {
     display: inline;
-  }
 
-  p + p {
-    margin-block: 1rem 0;
+    + * {
+      margin-block: 1rem;
+    }
   }
 
   .title {