castad
/
o2o-infinith-demo
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: 콘텐츠 캘린더 뿌연 레이어 제거 — 셀 배경 제거 + entry shadow 강화 

- 일자 셀 bg-slate-50/50(50% 투명) 제거 → entry 카드가 주간 카드 위 직접 노출
- 빈 셀 border-slate-200/60 → border-slate-200 (불투명)
- entry 카드에 contentTypeColors.shadow 추가 → 색상별 soft glow로 떠있는 느낌
- dark 테마 유지 (ChannelStrategy와 동일한 dark 섹션 + 흰 카드 패턴)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
main
Haewon Kam 2026-04-14 16:23:09 +09:00
parent 6b3b950ad0
commit 281efac932
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/plan/ContentCalendar.tsx
View File

@ -203,8 +203,8 @@ export default function ContentCalendar({ data, planId, onEntryUpdate }: Content
key={dayIdx} key={dayIdx}
className={`min-h-[100px] rounded-xl p-1.5 ${ className={`min-h-[100px] rounded-xl p-1.5 ${
entries.length > 0 entries.length > 0
? 'bg-slate-50/50 border border-slate-100' ? ''
: 'border border-dashed border-slate-200/60' : 'border border-dashed border-slate-200'
}`} }`}
> >
{entries.map((entry, entryIdx) => renderEntry(entry, entryIdx))} {entries.map((entry, entryIdx) => renderEntry(entry, entryIdx))}
@ -225,7 +225,7 @@ export default function ContentCalendar({ data, planId, onEntryUpdate }: Content
return ( return (
<div <div
key={entry.id ?? entryIdx} key={entry.id ?? entryIdx}
className={`${colors.entry} border rounded-lg p-1.5 mb-1 last:mb-0 cursor-grab active:cursor-grabbing hover:ring-2 hover:ring-purple-200 transition-all group relative ${isDragging ? 'opacity-40' : ''}`} className={`${colors.entry} ${colors.shadow} border rounded-lg p-1.5 mb-1 last:mb-0 cursor-grab active:cursor-grabbing hover:ring-2 hover:ring-white/40 transition-all group relative ${isDragging ? 'opacity-40' : ''}`}
draggable={weekNumber !== undefined} draggable={weekNumber !== undefined}
onDragStart={weekNumber !== undefined ? () => handleDragStart(entry, weekNumber) : undefined} onDragStart={weekNumber !== undefined ? () => handleDragStart(entry, weekNumber) : undefined}
onDragEnd={weekNumber !== undefined ? handleDragEnd : undefined} onDragEnd={weekNumber !== undefined ? handleDragEnd : undefined}
@ -376,9 +376,9 @@ export default function ContentCalendar({ data, planId, onEntryUpdate }: Content
key={dayIdx} key={dayIdx}
className={`min-h-[80px] rounded-xl p-1.5 transition-all ${ className={`min-h-[80px] rounded-xl p-1.5 transition-all ${
entries.length > 0 entries.length > 0
? 'bg-slate-50/50 border border-slate-100' ? ''
: 'border border-dashed border-slate-200/60' : 'border border-dashed border-slate-200'
} ${isDropTarget ? 'ring-2 ring-[#6C5CE7]/40 bg-[#F3F0FF]/20 border-[#D5CDF5]' : ''}`} } ${isDropTarget ? 'ring-2 ring-[#6C5CE7]/40 bg-[#F3F0FF] border-[#D5CDF5]' : ''}`}
onDragOver={(e) => handleDragOver(e, week.weekNumber, dayIdx)} onDragOver={(e) => handleDragOver(e, week.weekNumber, dayIdx)}
onDragLeave={handleDragLeave} onDragLeave={handleDragLeave}
onDrop={() => handleDrop(week.weekNumber, dayIdx)} onDrop={() => handleDrop(week.weekNumber, dayIdx)}