fix: changelog--文章内容更新 移动端适配 #937

refactor: replace console prints with slf4j logging

frontend_nuxt/assets/global.css

@@ -239,7 +239,7 @@ body {
 }
 
 .info-content-text img {
-  max-width: 400px;
+  max-width: min(800px, 100%);
   max-height: 600px;
   height: auto;
   cursor: pointer;
@@ -354,25 +354,41 @@ body {
     position: relative;
     min-width: 0;
   }
-}
 
-/* Adjust diff2html layout on mobile */
+  .d2h-file-name {
-@media (max-width: 768px) {
+    font-size: 12px !important;
-  .content-diff .d2h-wrapper,
-  .content-diff .d2h-code-line,
-  .content-diff .d2h-code-side-line,
-  .content-diff .d2h-code-line-ctn,
-  .content-diff .d2h-code-side-line-ctn,
-  .content-diff .d2h-file-header {
-    font-size: 12px;
   }
 
-  .content-diff .d2h-wrapper {
+  .d2h-file-header {
-    overflow-x: auto;
+    height: auto !important;
   }
+
+  .d2h-code-linenumber {
+    display: none !important;
+  }
+
+  .d2h-code-line {
+    padding-left: 10px !important;
+  }
+
+  .d2h-diff-table {
+    font-size: 6px !important;
+  }
+
+  .d2h-code-line ins {
+    height: 100%;
+    font-size: 13px !important;
+  }
+
+  /* .d2h-code-line {
+    height: 12px;
+  }
+
+  .d2h-code-line-ctn {
+    font-size: 12px !important;
+  } */
 }
 
-/* Transition API */
 ::view-transition-old(root),
 ::view-transition-new(root) {
   animation: none;

frontend_nuxt/components/PostChangeLogItem.vue

@@ -110,11 +110,13 @@ const diffHtml = computed(() => {
   border-bottom: 1px solid var(--normal-border-color);
   padding-bottom: 10px;
 }
+
 .change-log-text {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
 }
+
 .change-log-user {
   font-weight: bold;
   margin-right: 4px;
@@ -132,6 +134,7 @@ const diffHtml = computed(() => {
   margin-right: 4px;
   cursor: pointer;
 }
+
 .change-log-time {
   font-size: 12px;
   opacity: 0.6;