feat(schedule): clarify aside mini-calendar role as month cursor for hall widgets
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
parent
e0f4554497
commit
3236371e5c
@ -868,6 +868,8 @@
|
|||||||
"today": "Today",
|
"today": "Today",
|
||||||
"yearMonth": "{{m}}/{{y}}",
|
"yearMonth": "{{m}}/{{y}}",
|
||||||
"miniCal": "Mini calendar",
|
"miniCal": "Mini calendar",
|
||||||
|
"asideMonthPicker": "Select month",
|
||||||
|
"asideMonthPickerHint": "Hall availability and utilization below follow the selected month",
|
||||||
"prevMonth": "Previous month",
|
"prevMonth": "Previous month",
|
||||||
"nextMonth": "Next month",
|
"nextMonth": "Next month",
|
||||||
"offlineSample": "Offline — Sample",
|
"offlineSample": "Offline — Sample",
|
||||||
|
|||||||
@ -868,6 +868,8 @@
|
|||||||
"today": "今日",
|
"today": "今日",
|
||||||
"yearMonth": "{{y}}年{{m}}月",
|
"yearMonth": "{{y}}年{{m}}月",
|
||||||
"miniCal": "ミニカレンダー",
|
"miniCal": "ミニカレンダー",
|
||||||
|
"asideMonthPicker": "照会月の選択",
|
||||||
|
"asideMonthPickerHint": "下のホール空き状況・稼働率は選択した月が基準です",
|
||||||
"prevMonth": "前月",
|
"prevMonth": "前月",
|
||||||
"nextMonth": "翌月",
|
"nextMonth": "翌月",
|
||||||
"offlineSample": "オフライン — サンプル",
|
"offlineSample": "オフライン — サンプル",
|
||||||
|
|||||||
@ -868,6 +868,8 @@
|
|||||||
"today": "오늘",
|
"today": "오늘",
|
||||||
"yearMonth": "{{y}}년 {{m}}월",
|
"yearMonth": "{{y}}년 {{m}}월",
|
||||||
"miniCal": "미니 캘린더",
|
"miniCal": "미니 캘린더",
|
||||||
|
"asideMonthPicker": "조회 월 선택",
|
||||||
|
"asideMonthPickerHint": "아래 홀 가용·가동률은 선택한 월 기준입니다",
|
||||||
"prevMonth": "이전 달",
|
"prevMonth": "이전 달",
|
||||||
"nextMonth": "다음 달",
|
"nextMonth": "다음 달",
|
||||||
"offlineSample": "오프라인 — 샘플",
|
"offlineSample": "오프라인 — 샘플",
|
||||||
|
|||||||
@ -868,6 +868,8 @@
|
|||||||
"today": "今天",
|
"today": "今天",
|
||||||
"yearMonth": "{{y}}年{{m}}月",
|
"yearMonth": "{{y}}年{{m}}月",
|
||||||
"miniCal": "迷你日历",
|
"miniCal": "迷你日历",
|
||||||
|
"asideMonthPicker": "选择查询月份",
|
||||||
|
"asideMonthPickerHint": "下方展馆可用与利用率以所选月份为准",
|
||||||
"prevMonth": "上个月",
|
"prevMonth": "上个月",
|
||||||
"nextMonth": "下个月",
|
"nextMonth": "下个月",
|
||||||
"offlineSample": "离线 — 示例",
|
"offlineSample": "离线 — 示例",
|
||||||
|
|||||||
@ -372,6 +372,11 @@ function MiniCalendar({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<section className="kx-card kx-cal" aria-label={t('schedule.miniCal')}>
|
<section className="kx-card kx-cal" aria-label={t('schedule.miniCal')}>
|
||||||
|
{/* 역할 명확화(소유자 2026-07-24): 미니 캘린더 = 아래 홀 위젯의 조회 월 커서 */}
|
||||||
|
<div className="kx-cal__role">
|
||||||
|
<strong className="kx-cal__role-title">{t('schedule.asideMonthPicker')}</strong>
|
||||||
|
<span className="kx-cal__role-hint">{t('schedule.asideMonthPickerHint')}</span>
|
||||||
|
</div>
|
||||||
<div className="kx-cal__head">
|
<div className="kx-cal__head">
|
||||||
<button className="kx-cal__nav" aria-label={t('schedule.prevMonth')} onClick={() => onCursor(new Date(year, month - 1, 1))}>‹</button>
|
<button className="kx-cal__nav" aria-label={t('schedule.prevMonth')} onClick={() => onCursor(new Date(year, month - 1, 1))}>‹</button>
|
||||||
<strong>{t('schedule.yearMonth', { y: year, m: month + 1 })}{degraded && <span className="kx-bi__degraded"> {t('schedule.offlineSample')}</span>}</strong>
|
<strong>{t('schedule.yearMonth', { y: year, m: month + 1 })}{degraded && <span className="kx-bi__degraded"> {t('schedule.offlineSample')}</span>}</strong>
|
||||||
|
|||||||
@ -158,6 +158,25 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* 미니 캘린더 */
|
/* 미니 캘린더 */
|
||||||
|
.kx-cal__role {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 2px;
|
||||||
|
padding-bottom: var(--space-2);
|
||||||
|
margin-bottom: var(--space-2);
|
||||||
|
border-bottom: 1px solid var(--color-neutral-100);
|
||||||
|
}
|
||||||
|
.kx-cal__role-title {
|
||||||
|
font-size: var(--fs-body);
|
||||||
|
font-weight: var(--fw-semibold);
|
||||||
|
color: var(--color-neutral-900);
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.kx-cal__role-hint {
|
||||||
|
font-size: var(--fs-caption);
|
||||||
|
color: var(--color-neutral-500);
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
.kx-cal__head {
|
.kx-cal__head {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user