友链卡片移动端适配:≤640px隐藏头像、收紧间距内边距、微调字号字距
Deploy to Production / pre-check (push) Successful in 47s
Deploy to Production / build (push) Successful in 4m17s
Deploy to Production / deploy-edgeone (push) Canceled after 37s
Deploy to Production / finalize (push) Canceled after 0s
Deploy to Production / notify-failure (push) Canceled after 0s

This commit is contained in:
zqlit committed 2026-10-03 17:29:20 +08:00
1 parent 63fd5641d5
commit 5858188628
2 files changed
+29 -4

No files matched your search

+25
View File
@@ -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;
}