0035457c6d
- 单图气泡按真实比例显示:横图限高260px、过高裁上下;竖图完整铺满宽度不裁、无黑边 - 2张同类相册:都竖图左右并排、都横图上下堆叠,按比例不裁 - 3+张相册:Telegram式马赛克拼贴(竖主图占左+其余堆右 / 横主图占顶+其余排底) - 图片比例优先用后端width/height,缺失时从加载后的naturalWidth/Height读取 - 新增 constants/media.ts 统一尺寸规范;albumLayout 纯算法附单测 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
9 lines
288 B
TypeScript
9 lines
288 B
TypeScript
import type { Post } from "../../../types/post";
|
|
import { SingleImageFrame } from "./SingleImageFrame";
|
|
|
|
export function ImageBubble({ post }: { post: Post }) {
|
|
const att = post.attachments[0];
|
|
if (!att) return null;
|
|
return <SingleImageFrame postId={post.id} attachment={att} />;
|
|
}
|