diff --git a/supabase/functions/share-view/index.ts b/supabase/functions/share-view/index.ts index b0fffaf..611b576 100644 --- a/supabase/functions/share-view/index.ts +++ b/supabase/functions/share-view/index.ts @@ -112,8 +112,13 @@ function page(title: string, ogDesc: string, inner: string): string { border-radius:100px; padding:2px 8px; margin-left:8px; vertical-align:1px; } .review p { font-size:14px; line-height:1.6; margin-top:6px; color:var(--text); word-break:break-all; } - .rphotos { display:flex; gap:6px; margin-top:10px; } - .rphotos img { width:72px; height:72px; object-fit:cover; border-radius:10px; } + /* 후기 사진 — 주인공 배치: 1장은 카드 폭 전체(16:10), 2장은 반반 정방형 */ + .rphotos { display:grid; gap:6px; margin:10px 0 2px; } + .rphotos.one { grid-template-columns:1fr; } + .rphotos.one img { width:100%; aspect-ratio:16/10; max-height:260px; + object-fit:cover; border-radius:12px; } + .rphotos.two { grid-template-columns:1fr 1fr; } + .rphotos.two img { width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:12px; } /* 더 보기 줄 — 숨긴 콘텐츠가 있음을 정직하게 + 앱 전환 유인 */ .more { display:block; text-align:center; font-size:13.5px; font-weight:700; @@ -239,17 +244,20 @@ Deno.serve(async (req) => { const reviewHtml = reviews.length === 0 ? `
아직 후기가 없어요. 첫 후기의 주인공이 되어 주세요!
${esc(String(r.content ?? "")).slice(0, 400)}
- ${photos ? `