style: 예능 상세 텍스트 크기 전체적으로 확대

- 방송사 뱃지/날짜: text-xs → text-sm
- 제목: text-lg → text-xl
- 멤버 칩: text-xs → text-sm, 패딩 증가
- 다시보기 버튼: text-xs → text-sm, 패딩 증가

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
caadiq 2026-04-05 13:53:11 +09:00
parent b1d890d758
commit de1399579f

View file

@ -28,40 +28,40 @@ function VarietySection({ schedule }) {
{/* 오른쪽: 콘텐츠 */} {/* 오른쪽: 콘텐츠 */}
<div className="flex-1 p-5 flex flex-col justify-between"> <div className="flex-1 p-5 flex flex-col justify-between">
{/* 방송사 + 날짜 */} {/* 방송사 + 날짜 */}
<div className="flex items-center gap-2 mb-2"> <div className="flex items-center gap-2.5 mb-3">
{schedule.broadcaster && ( {schedule.broadcaster && (
<span <span
className="inline-flex items-center gap-1 px-2 py-0.5 text-xs font-semibold rounded-md" className="inline-flex items-center gap-1.5 px-2.5 py-1 text-sm font-semibold rounded-md"
style={{ style={{
backgroundColor: `${schedule.category?.color || '#06b6d4'}15`, backgroundColor: `${schedule.category?.color || '#06b6d4'}15`,
color: schedule.category?.color || '#06b6d4', color: schedule.category?.color || '#06b6d4',
}} }}
> >
<Tv size={10} /> <Tv size={13} />
{schedule.broadcaster} {schedule.broadcaster}
</span> </span>
)} )}
<span className="text-xs text-gray-400"> <span className="text-sm text-gray-400">
{formatFullDate(schedule.date)} {formatFullDate(schedule.date)}
{schedule.time && ` · ${formatTime(schedule.time)}`} {schedule.time && ` · ${formatTime(schedule.time)}`}
</span> </span>
</div> </div>
{/* 제목 */} {/* 제목 */}
<h1 className="text-lg font-bold text-gray-900 leading-snug mb-3"> <h1 className="text-xl font-bold text-gray-900 leading-snug mb-4">
{decodeHtmlEntities(schedule.title)} {decodeHtmlEntities(schedule.title)}
</h1> </h1>
{/* 멤버 */} {/* 멤버 */}
{members.length > 0 && ( {members.length > 0 && (
<div className="flex flex-wrap gap-1.5 mb-3"> <div className="flex flex-wrap gap-2">
{isFullGroup ? ( {isFullGroup ? (
<span className="px-2.5 py-0.5 bg-primary/10 text-primary text-xs font-medium rounded-full"> <span className="px-3 py-1 bg-primary/10 text-primary text-sm font-medium rounded-full">
프로미스나인 프로미스나인
</span> </span>
) : ( ) : (
members.map((member) => ( members.map((member) => (
<span key={member.id} className="px-2.5 py-0.5 bg-primary/10 text-primary text-xs font-medium rounded-full"> <span key={member.id} className="px-3 py-1 bg-primary/10 text-primary text-sm font-medium rounded-full">
{member.name} {member.name}
</span> </span>
)) ))
@ -71,14 +71,14 @@ function VarietySection({ schedule }) {
{/* 다시보기 (하단 고정) */} {/* 다시보기 (하단 고정) */}
{hasReplayUrl && ( {hasReplayUrl && (
<div className="mt-auto pt-1"> <div className="mt-auto pt-2">
<a <a
href={schedule.replayUrl} href={schedule.replayUrl}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
className="inline-flex items-center gap-1.5 px-3 py-1.5 bg-gray-100 hover:bg-gray-200 text-gray-700 text-xs font-medium rounded-full transition-colors" className="inline-flex items-center gap-1.5 px-4 py-2 bg-gray-100 hover:bg-gray-200 text-gray-700 text-sm font-medium rounded-full transition-colors"
> >
{isYoutubeReplay ? <Play size={12} fill="currentColor" /> : <ExternalLink size={12} />} {isYoutubeReplay ? <Play size={14} fill="currentColor" /> : <ExternalLink size={14} />}
다시보기 다시보기
</a> </a>
</div> </div>