caadiq/fromis_9
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: 일정 페이지 최소 높이 및 관리 페이지 글씨 크기 수정

Browse source 
- Schedule.jsx: 검색 결과 아이템에 min-h-[100px] 추가
- AdminSchedule.jsx: 글씨 크기 및 아이콘 크기 원복
This commit is contained in:
caadiq 2026-01-10 09:50:56 +09:00
parent d22466ec23
commit 4ecc16347c
2 changed files with 20 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
frontend/src/pages/pc/admin/AdminSchedule.jsx
View file

@ -1111,52 +1111,52 @@ function AdminSchedule() {
>
<div className="p-4 hover:bg-gray-50 transition-colors group h-full border-b border-gray-100">
<div className="flex items-start gap-4">
<div className="w-16 text-center flex-shrink-0">
<div className="w-20 text-center flex-shrink-0">
<div className="text-xs text-gray-400 mb-0.5">
{new Date(schedule.date).getFullYear()}.{new Date(schedule.date).getMonth() + 1}
</div>
<div className="text-xl font-bold text-gray-900">
<div className="text-2xl font-bold text-gray-900">
{new Date(schedule.date).getDate()}
</div>
<div className="text-xs text-gray-500">
<div className="text-sm text-gray-500">
{['일', '월', '화', '수', '목', '금', '토'][new Date(schedule.date).getDay()]}요일
</div>
</div>
<div
className="w-1 rounded-full flex-shrink-0 self-stretch"
className="w-1.5 rounded-full flex-shrink-0 self-stretch"
style={{ backgroundColor: getColorStyle(categories.find(c => c.id === schedule.category_id)?.color)?.style?.backgroundColor || '#6b7280' }}
/>
<div className="flex-1 min-w-0">
<h3 className="font-semibold text-gray-900 text-sm">{decodeHtmlEntities(schedule.title)}</h3>
<div className="flex items-center gap-2 mt-1 text-xs text-gray-500">
<h3 className="font-semibold text-gray-900">{decodeHtmlEntities(schedule.title)}</h3>
<div className="flex items-center gap-3 mt-1 text-sm text-gray-500">
{schedule.time && (
<span className="flex items-center gap-1">
<Clock size={12} />
<Clock size={14} />
{schedule.time.slice(0, 5)}
</span>
)}
<span className="flex items-center gap-1">
<Tag size={12} />
<Tag size={14} />
{categories.find(c => c.id === schedule.category_id)?.name || '미분류'}
</span>
{schedule.source_name && (
<span className="flex items-center gap-1">
<Link2 size={12} />
<Link2 size={14} />
{schedule.source_name}
</span>
)}
</div>
{schedule.member_names && (
<div className="flex flex-wrap gap-1 mt-1">
<div className="flex flex-wrap gap-1.5 mt-2">
{schedule.member_names.split(',').length >= 5 ? (
<span className="px-1.5 py-0.5 bg-primary/10 text-primary text-xs font-medium rounded-full">
<span className="px-2 py-0.5 bg-primary/10 text-primary text-xs font-medium rounded-full">
프로미스나인
</span>
) : (
schedule.member_names.split(',').map((name, i) => (
<span key={i} className="px-1.5 py-0.5 bg-primary/10 text-primary text-xs font-medium rounded-full">
<span key={i} className="px-2 py-0.5 bg-primary/10 text-primary text-xs font-medium rounded-full">
{name.trim()}
</span>
))
@ -1165,29 +1165,29 @@ function AdminSchedule() {
)}
</div>
<div className="flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity">
<div className="flex items-center gap-2 opacity-0 group-hover:opacity-100 transition-opacity">
{schedule.source_url && (
<a
href={schedule.source_url}
target="_blank"
rel="noopener noreferrer"
onClick={(e) => e.stopPropagation()}
className="p-1.5 hover:bg-blue-100 rounded-lg transition-colors text-blue-500"
className="p-2 hover:bg-blue-100 rounded-lg transition-colors text-blue-500"
>
<ExternalLink size={16} />
<ExternalLink size={18} />
</a>
)}
<button
onClick={() => navigate(`/admin/schedule/${schedule.id}/edit`)}
className="p-1.5 hover:bg-gray-200 rounded-lg transition-colors text-gray-500"
className="p-2 hover:bg-gray-200 rounded-lg transition-colors text-gray-500"
>
<Edit2 size={16} />
<Edit2 size={18} />
</button>
<button
onClick={() => openDeleteDialog(schedule)}
className="p-1.5 hover:bg-red-100 rounded-lg transition-colors text-red-500"
className="p-2 hover:bg-red-100 rounded-lg transition-colors text-red-500"
>
<Trash2 size={16} />
<Trash2 size={18} />
</button>
</div>
</div>

2
frontend/src/pages/pc/public/Schedule.jsx
View file

@ -863,7 +863,7 @@ function Schedule() {
<div className={virtualItem.index < filteredSchedules.length - 1 ? "pb-4" : ""}>
<div
onClick={() => handleScheduleClick(schedule)}
className="flex items-stretch bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow overflow-hidden cursor-pointer"
className="flex items-stretch bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow overflow-hidden cursor-pointer min-h-[100px]"
>
{/* 날짜 영역 */}
<div