From de1399579fa8b28f8bd09d90340a671f822a44c9 Mon Sep 17 00:00:00 2001
From: caadiq <caadiq@gmail.com>
Date: Sun, 5 Apr 2026 13:53:11 +0900
Subject: [PATCH] =?UTF-8?q?style:=20=EC=98=88=EB=8A=A5=20=EC=83=81?=
 =?UTF-8?q?=EC=84=B8=20=ED=85=8D=EC=8A=A4=ED=8A=B8=20=ED=81=AC=EA=B8=B0=20?=
 =?UTF-8?q?=EC=A0=84=EC=B2=B4=EC=A0=81=EC=9C=BC=EB=A1=9C=20=ED=99=95?=
 =?UTF-8?q?=EB=8C=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 방송사 뱃지/날짜: 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>
---
 .../schedule/sections/VarietySection.jsx      | 22 +++++++++----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/frontend/src/pages/pc/public/schedule/sections/VarietySection.jsx b/frontend/src/pages/pc/public/schedule/sections/VarietySection.jsx
index 5bba441..7688d8f 100644
--- a/frontend/src/pages/pc/public/schedule/sections/VarietySection.jsx
+++ b/frontend/src/pages/pc/public/schedule/sections/VarietySection.jsx
@@ -28,40 +28,40 @@ function VarietySection({ schedule }) {
         {/* 오른쪽: 콘텐츠 */}
         <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 && (
               <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={{
                   backgroundColor: `${schedule.category?.color || '#06b6d4'}15`,
                   color: schedule.category?.color || '#06b6d4',
                 }}
               >
-                <Tv size={10} />
+                <Tv size={13} />
                 {schedule.broadcaster}
               </span>
             )}
-            <span className="text-xs text-gray-400">
+            <span className="text-sm text-gray-400">
               {formatFullDate(schedule.date)}
               {schedule.time && ` · ${formatTime(schedule.time)}`}
             </span>
           </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)}
           </h1>
 
           {/* 멤버 */}
           {members.length > 0 && (
-            <div className="flex flex-wrap gap-1.5 mb-3">
+            <div className="flex flex-wrap gap-2">
               {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>
               ) : (
                 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}
                   </span>
                 ))
@@ -71,14 +71,14 @@ function VarietySection({ schedule }) {
 
           {/* 다시보기 (하단 고정) */}
           {hasReplayUrl && (
-            <div className="mt-auto pt-1">
+            <div className="mt-auto pt-2">
               <a
                 href={schedule.replayUrl}
                 target="_blank"
                 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>
             </div>