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="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="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"> <div className="text-xs text-gray-400 mb-0.5">
{new Date(schedule.date).getFullYear()}.{new Date(schedule.date).getMonth() + 1} {new Date(schedule.date).getFullYear()}.{new Date(schedule.date).getMonth() + 1}
</div> </div>
<div className="text-xl font-bold text-gray-900"> <div className="text-2xl font-bold text-gray-900">
{new Date(schedule.date).getDate()} {new Date(schedule.date).getDate()}
</div> </div>
<div className="text-xs text-gray-500"> <div className="text-sm text-gray-500">
{['일', '월', '화', '수', '목', '금', '토'][new Date(schedule.date).getDay()]}요일 {['일', '월', '화', '수', '목', '금', '토'][new Date(schedule.date).getDay()]}요일
</div> </div>
</div> </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' }} style={{ backgroundColor: getColorStyle(categories.find(c => c.id === schedule.category_id)?.color)?.style?.backgroundColor || '#6b7280' }}
/> />
<div className="flex-1 min-w-0"> <div className="flex-1 min-w-0">
<h3 className="font-semibold text-gray-900 text-sm">{decodeHtmlEntities(schedule.title)}</h3> <h3 className="font-semibold text-gray-900">{decodeHtmlEntities(schedule.title)}</h3>
<div className="flex items-center gap-2 mt-1 text-xs text-gray-500"> <div className="flex items-center gap-3 mt-1 text-sm text-gray-500">
{schedule.time && ( {schedule.time && (
<span className="flex items-center gap-1"> <span className="flex items-center gap-1">
<Clock size={12} /> <Clock size={14} />
{schedule.time.slice(0, 5)} {schedule.time.slice(0, 5)}
</span> </span>
)} )}
<span className="flex items-center gap-1"> <span className="flex items-center gap-1">
<Tag size={12} /> <Tag size={14} />
{categories.find(c => c.id === schedule.category_id)?.name || '미분류'} {categories.find(c => c.id === schedule.category_id)?.name || '미분류'}
</span> </span>
{schedule.source_name && ( {schedule.source_name && (
<span className="flex items-center gap-1"> <span className="flex items-center gap-1">
<Link2 size={12} /> <Link2 size={14} />
{schedule.source_name} {schedule.source_name}
</span> </span>
)} )}
</div> </div>
{schedule.member_names && ( {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 ? ( {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> </span>
) : ( ) : (
schedule.member_names.split(',').map((name, i) => ( 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()} {name.trim()}
</span> </span>
)) ))
@ -1165,29 +1165,29 @@ function AdminSchedule() {
)} )}
</div> </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 && ( {schedule.source_url && (
<a <a
href={schedule.source_url} href={schedule.source_url}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
onClick={(e) => e.stopPropagation()} 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> </a>
)} )}
<button <button
onClick={() => navigate(`/admin/schedule/${schedule.id}/edit`)} 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>
<button <button
onClick={() => openDeleteDialog(schedule)} 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> </button>
</div> </div>
</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 className={virtualItem.index < filteredSchedules.length - 1 ? "pb-4" : ""}>
<div <div
onClick={() => handleScheduleClick(schedule)} 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 <div