docs: improve responsive layout

mrholek · mrholek · commit 2bfd02619817 · 2024-05-27T15:28:51.000+02:00
diff --git a/packages/docs/.vuepress/src/client/styles/_component-examples.scss b/packages/docs/.vuepress/src/client/styles/_component-examples.scss
@@ -2,10 +2,18 @@
 // Docs examples
 //
 
-.tab-content .tab-pane {
-  @include border-top-radius(0 !important);
+.docs-code-tabs {
+  padding: 0 ($cd-gutter-x * .5);
+  margin: 0 ($cd-gutter-x * -.5);
+
+  @include media-breakpoint-up(md) {
+    padding: 0;
+    margin: 0;
+  }
+}
 
-  .highlight, div[class^="language-"] {
+.docs-code-tab-content {
+  .tab-pane div[class^="language-"] {
     border-top: 0 !important;
     @include border-top-radius(0 !important);
   }
