Improve doc live and code examples display

learningequality · Sep 26, 2024 · 8724a68 · 8724a68
1 parent dacae5d
commit 8724a68
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/docs/common/DocsShow.vue b/docs/common/DocsShow.vue
@@ -47,7 +47,7 @@
 <style lang="scss" scoped>
 
   .show {
-    margin: 8px;
+    margin: 16px 0;
     border: 1px solid #dedede;
     border-radius: 4px;
   }

diff --git a/docs/common/DocsShowCode/index.vue b/docs/common/DocsShowCode/index.vue
@@ -1,6 +1,6 @@
 <template>
 
-  <DocsShow :block="block" :padding="false">
+  <DocsShow :block="block" :padding="false" class="docs-show-code">
     <!-- Note that slot contents are HTML-escaped using webpack-loader.js -->
     <PrismComponent :language="language">
       <slot></slot>
@@ -54,7 +54,7 @@
   }
 
   pre[class*='language-'] {
-    padding: 8px 24px;
+    padding: 24px;
     margin: 0;
   }