feat: 走心评论(精选评论)+ 移动端评论框底栏布局修复
- 底栏:≤480px 压缩按钮内边距,SE 等小屏单行放下;换行时按钮组右对齐 - Worker:comments 加 is_featured;PUT /comments/:id 支持切换;新增公开接口 GET /api/v2/featured/comments(排除悄悄话/待审/已删,服务端渲染 markdown) - 前端:评论区注入「精选」按钮(回复右侧,仅管理员可见) - 关于页:走心评论板块(标题寄语通栏 + 卡片瀑布流),排在热力图上方
This commit is contained in:
1 parent
3d7d7bd396
commit
1b71fba413
10 files changed
+409
-2
No files matched your search
@@ -4641,6 +4641,23 @@ input[type=submit] {
|
||||
.artalk > .atk-list > .atk-list-footer { bottom: auto !important; }
|
||||
.atk-main { margin-left: 34px !important; }
|
||||
.atk-bottom { padding: 5px 10px 10px 5px !important; }
|
||||
/* 底栏右侧(人机验证 + 发送按钮)换行修正:
|
||||
移动端窄屏时右侧组会 flex-wrap 到第二行,space-between 对单元素行不生效,
|
||||
整组会挤在左边、右侧留大片空白(iPhone SE / 16 Pro 实测)。
|
||||
margin-left:auto 单行时与 space-between 等价(仍靠右),换行时把整组推到右边,
|
||||
与桌面端「按钮在右下」的观感一致。 */
|
||||
.atk-main-editor > .atk-bottom > .atk-item:last-child { margin-left: auto; }
|
||||
/* 小屏(≤480,含 iPhone SE 375):底栏压进一行 —— 图标+悄悄话靠左、验证+发送靠右。
|
||||
各元素收一点内边距/间距(375px 下自然宽度 324 vs 可用 316,只差一点就溢出换行)。
|
||||
真放不下(如人机验证失败的长文案)仍按上面的规则优雅换行右对齐。 */
|
||||
@media (max-width: 480px) {
|
||||
.atk-main-editor > .atk-bottom .atk-plug-btn { padding: 0 8px; }
|
||||
.atk-main-editor > .atk-bottom .atk-plug-btn:not(:last-child) { margin-right: 3px; }
|
||||
.atk-whisper-toggle { margin-left: 6px; }
|
||||
/* 提高特异性压过 human.js 动态注入的 @media(max-width:640px) 规则 */
|
||||
.atk-main-editor .atk-human-tf { padding: 0 6px; gap: 5px; margin-right: 5px; }
|
||||
.atk-main-editor > .atk-bottom .atk-send-btn { padding: 0 10px !important; }
|
||||
}
|
||||
.atk-comment-children > .atk-comment-wrap { margin-top: 6px !important; }
|
||||
.atk-comment-children > .atk-comment-wrap > .atk-comment { padding: 0 !important; margin: auto; }
|
||||
.atk-comment .atk-height-limit:after { margin-bottom: 20px; }
|
||||
|
||||
Reference in new issue
Block a user