友链卡片移动端适配:≤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
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:
1 parent
63fd5641d5
commit
5858188628
2 files changed
+29
-4
No files matched your search
@@ -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;
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user