Fix pre code display

Author: ego008

static/css/main.css

@@ -126,8 +126,9 @@ h1.br-nav, h2.br-nav, h3.br-nav, h4.br-nav {color:#777;font-size: 1em;font-weigh
     background: #f5f5f5;
     padding: .3em;
     border-radius: 4px;
-    opacity: 0.6;
+    opacity: 0.98;
 }
+.markdown-body .pre-container code {white-space: pre;}
 .copy-btn {
     position: absolute;
     top: 8px;
@@ -696,7 +697,6 @@ figure .highlight .s1 {color: #2aa198}
     padding: 0 0.3em;
     margin: -2px 4px;
 }
-
 /* md ed */
 
 .write-box {margin: 0;background-color: #FCFCFC;}

views/ybs/topic_detail.qtpl

@@ -326,11 +326,8 @@ if(audioLst.length>1){
 function setCopyBtn(){
     // 遍历所有pre元素
     document.querySelectorAll('pre').forEach(pre => {
-    // 创建容器包裹pre元素
-    const container = document.createElement('div');
-    container.className = 'pre-container';
-    pre.parentNode.insertBefore(container, pre);
-    container.appendChild(pre);
+    const container = pre.parentNode;
+    container.classList.add('pre-container');
 
     // 创建复制按钮
     const btn = document.createElement('button');