Updates

dsql-app/styles/less.css

@@ -288,6 +288,9 @@ html.dark .RTE-DOCS .code-block {
 .copy-code {
   display: none;
 }
+.copy-code.show {
+  display: flex;
+}
 .code-block {
   font-family: "IBM Plex Mono" !important;
   font-size: 14px !important;
@@ -643,6 +646,33 @@ html.dark .box-shadow {
   justify-content: space-between;
   gap: 20px;
 }
+pre[class*="language-"] {
+  overflow: hidden;
+  flex-wrap: wrap;
+}
+pre[class*="language-"] img {
+  opacity: 0.3;
+  object-fit: contain;
+  position: absolute;
+  top: 10px;
+  right: 10px;
+}
+pre[class*="language-"] img:hover {
+  opacity: 1;
+}
+pre[class*="language-"] code {
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  text-overflow: ellipsis;
+  text-wrap: wrap;
+  text-align: center;
+}
+@media ((max-width: 1200px)) {
+  pre[class*="language-"] {
+    width: 100%;
+    justify-content: center;
+  }
+}
 aside,
 .login-block,
 .minimal-scrollbars,

dsql-app/styles/main.css

@@ -235,16 +235,6 @@ html.dark aside a.active {
     color: white;
 }
 
-code,
-pre {
-    background-color: #1b112b;
-    color: white;
-    /* padding: 20px; */
-    border-radius: 3px;
-    width: 100%;
-    display: block;
-}
-
 /* * */
 /* * */
 /* * */