Browse Source

fix(desktop): pre styling

Adam 3 months ago
parent
commit
4a72d57534
1 changed files with 12 additions and 6 deletions
  1. 12 6
      packages/ui/src/components/markdown.css

+ 12 - 6
packages/ui/src/components/markdown.css

@@ -1,8 +1,7 @@
 [data-component="markdown"] {
 [data-component="markdown"] {
   min-width: 0;
   min-width: 0;
   max-width: 100%;
   max-width: 100%;
-  overflow: auto;
-  scrollbar-width: none;
+  overflow: hidden;
   color: var(--text-base);
   color: var(--text-base);
   text-wrap: pretty;
   text-wrap: pretty;
 
 
@@ -14,10 +13,6 @@
   line-height: var(--line-height-large); /* 166.667% */
   line-height: var(--line-height-large); /* 166.667% */
   letter-spacing: var(--letter-spacing-normal);
   letter-spacing: var(--letter-spacing-normal);
 
 
-  &::-webkit-scrollbar {
-    display: none;
-  }
-
   h1,
   h1,
   h2,
   h2,
   h3 {
   h3 {
@@ -41,4 +36,15 @@
     margin-bottom: 16px;
     margin-bottom: 16px;
     border-color: var(--border-weaker-base);
     border-color: var(--border-weaker-base);
   }
   }
+
+  pre {
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+    overflow: auto;
+
+    scrollbar-width: none;
+    &::-webkit-scrollbar {
+      display: none;
+    }
+  }
 }
 }