diff --git a/themes/Ying/assets/js/modules/artalk.js b/themes/Ying/assets/js/modules/artalk.js index 458895ac..89ab131d 100644 --- a/themes/Ying/assets/js/modules/artalk.js +++ b/themes/Ying/assets/js/modules/artalk.js @@ -772,13 +772,13 @@ artalk.on('comment-rendered', function(node) { 'background:var(--bg-card,#fff);border:1px solid var(--border-main,#eeeeee);' + 'border-radius:10px;transition:border-color .2s,background .2s;'; card.innerHTML = - '' + - '' + - '' + + '' + + '' + '' + nickText.replace(/' + '' + - '' + + '' + '' + '' + '' + diff --git a/themes/Ying/layouts/partials/artalk.html b/themes/Ying/layouts/partials/artalk.html index c1b39091..b344136b 100644 --- a/themes/Ying/layouts/partials/artalk.html +++ b/themes/Ying/layouts/partials/artalk.html @@ -118,6 +118,31 @@ .atk-fl-card-wrap { margin: 0 0 6px; } + + /* ---- 移动端:卡片更紧凑(隐藏头像 + 收紧间距 + 微调字号/字距) ---- */ + @media (max-width: 640px) { + .atk-fl-card { + gap: 8px !important; + padding: 10px 12px !important; + } + .atk-fl-card .atk-fl-avatar { + display: none !important; /* 窄屏省掉头像,把宽度让给文字 */ + } + .atk-fl-card .atk-fl-nick { + font-size: 13.5px !important; + letter-spacing: 0.2px !important; + } + .atk-fl-card .atk-fl-desc { + font-size: 12.5px !important; + letter-spacing: 0.2px !important; + margin-top: 3px !important; + } + .atk-fl-card .atk-fl-btn { + font-size: 12.5px !important; + padding: 5px 11px !important; + letter-spacing: 0.2px !important; + } + } .atk-fl-card { animation: flApplyIn .5s cubic-bezier(.22, 1, .36, 1) both; }