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:
parent
b1d890d758
commit
de1399579f
1 changed files with 11 additions and 11 deletions
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue