diff --git a/src/frontend/src/screens/mobile/mobile.css b/src/frontend/src/screens/mobile/mobile.css index 8d41da3..1bbd5e8 100644 --- a/src/frontend/src/screens/mobile/mobile.css +++ b/src/frontend/src/screens/mobile/mobile.css @@ -319,7 +319,7 @@ } .kx-m__cta:disabled { background: var(--color-primary-100); - color: var(--color-white); + color: var(--color-neutral-500); cursor: not-allowed; } .kx-m__foot--dual { diff --git a/src/frontend/src/screens/schedule/ExhibitionSchedulePage.tsx b/src/frontend/src/screens/schedule/ExhibitionSchedulePage.tsx index 9d58092..fb3b1f8 100644 --- a/src/frontend/src/screens/schedule/ExhibitionSchedulePage.tsx +++ b/src/frontend/src/screens/schedule/ExhibitionSchedulePage.tsx @@ -305,7 +305,7 @@ export function ExhibitionSchedulePage() { )} @@ -316,7 +316,15 @@ export function ExhibitionSchedulePage() { const WD = ['일', '월', '화', '수', '목', '금', '토']; -function MiniCalendar({ cursor, onCursor }: { cursor: Date; onCursor: (d: Date) => void }) { +function MiniCalendar({ + cursor, + onCursor, + holidays, +}: { + cursor: Date; + onCursor: (d: Date) => void; + holidays?: Map; +}) { const { t } = useTranslation(); const year = cursor.getFullYear(); const month = cursor.getMonth(); @@ -366,12 +374,21 @@ function MiniCalendar({ cursor, onCursor }: { cursor: Date; onCursor: (d: Date) {cells.map((d, i) => { if (d === null) return ; const hasEvent = eventDays.has(`${year}-${month + 1}-${d}`); + const hkey = `${year}-${String(month + 1).padStart(2, '0')}-${String(d).padStart(2, '0')}`; + const holidayName = holidays?.get(hkey); return ( {d} diff --git a/src/frontend/src/screens/schedule/schedule.css b/src/frontend/src/screens/schedule/schedule.css index 135e3bd..26d7e1f 100644 --- a/src/frontend/src/screens/schedule/schedule.css +++ b/src/frontend/src/screens/schedule/schedule.css @@ -183,6 +183,7 @@ justify-content: center; font-size: var(--fs-caption); color: var(--color-neutral-700); + border: 1px solid var(--color-neutral-200); border-radius: var(--radius-sm); position: relative; } @@ -203,6 +204,10 @@ border-radius: 50%; background: var(--color-primary-600); } +.kx-cal__cell.is-holiday { + color: var(--color-error); + font-weight: 700; +} .kx-cal__cell.is-today { background: var(--color-primary-600); color: var(--color-white);