From 7d25e87fbcdaf71d2d5ab2627bcee74ac5677e59 Mon Sep 17 00:00:00 2001 From: tim Date: Wed, 10 Sep 2025 12:47:09 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20changelog--=E6=96=87=E7=AB=A0=E5=86=85?= =?UTF-8?q?=E5=AE=B9=E6=9B=B4=E6=96=B0=20=E7=A7=BB=E5=8A=A8=E7=AB=AF?= =?UTF-8?q?=E9=80=82=E9=85=8D=20#937?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend_nuxt/assets/global.css | 44 +++++++++++++------ .../components/PostChangeLogItem.vue | 3 ++ 2 files changed, 33 insertions(+), 14 deletions(-) diff --git a/frontend_nuxt/assets/global.css b/frontend_nuxt/assets/global.css index 02b3e2fc3..f39535231 100644 --- a/frontend_nuxt/assets/global.css +++ b/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 */ -@media (max-width: 768px) { - .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; + .d2h-file-name { + font-size: 12px !important; } - .content-diff .d2h-wrapper { - overflow-x: auto; + .d2h-file-header { + 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; diff --git a/frontend_nuxt/components/PostChangeLogItem.vue b/frontend_nuxt/components/PostChangeLogItem.vue index 7e4996ec4..31988452a 100644 --- a/frontend_nuxt/components/PostChangeLogItem.vue +++ b/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;