v1.1 — 图片/头像/作者/日期全面优化
- 图片: 缩略图改为 soft crop,原图裁黑边 - 头像: 团队证件照替换 SVG,CSS 约束尺寸和圆角 - 作者: 了心/墨羽/探子三个真实用户 - 笺文列表: 左侧增加封面缩略图 - 分页: 20篇/页 - 详情页: 返回笺文链接 + 头像尺寸约束 - 作者页: 高清头像 + 中文日期 - 微言: 作者随机 + 时间匹配内容
This commit is contained in:
@@ -301,3 +301,67 @@ echo "done"
|
||||
.article-cover { overflow: hidden; height: 240px; }
|
||||
|
||||
/* Thumbnail fix — regenerate without black bars */
|
||||
|
||||
.article-item__thumb {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
border-radius: var(--radius);
|
||||
overflow: hidden;
|
||||
flex-shrink: 0;
|
||||
margin-right: 16px;
|
||||
}
|
||||
.article-item__thumb img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
.article-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.avatar, .pinned-avatar, .card-avatar, .tucao-avatar, .article-avatar, .avatar-sm {
|
||||
object-fit: cover !important;
|
||||
border-radius: 50% !important;
|
||||
}
|
||||
|
||||
.avatar, .pinned-avatar, .card-avatar, .tucao-avatar, .article-avatar, .avatar-sm {
|
||||
object-position: center 20%;
|
||||
}
|
||||
|
||||
.avatar-16, .card-avatar, .tucao-avatar, .article-avatar {
|
||||
width: 16px !important;
|
||||
height: 16px !important;
|
||||
}
|
||||
.avatar-18, .pinned-avatar {
|
||||
width: 18px !important;
|
||||
height: 18px !important;
|
||||
}
|
||||
.avatar-14, .article-avatar {
|
||||
width: 14px !important;
|
||||
height: 14px !important;
|
||||
}
|
||||
.avatar-sm {
|
||||
width: 16px !important;
|
||||
height: 16px !important;
|
||||
}
|
||||
|
||||
.single-post__meta img,
|
||||
.article-byline img {
|
||||
width: 22px !important;
|
||||
height: 22px !important;
|
||||
border-radius: 50% !important;
|
||||
object-fit: cover !important;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.article-byline span {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
}
|
||||
.author-card__avatar {
|
||||
width: 56px !important;
|
||||
height: 56px !important;
|
||||
border-radius: 50% !important;
|
||||
object-fit: cover !important;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user