diff options
| author | Yasutake Yohei <61961825+yasutakeyohei@users.noreply.github.com> | 2026-11-05 14:34:38 +0900 |
|---|---|---|
| committer | Yasutake Yohei <61961825+yasutakeyohei@users.noreply.github.com> | 2026-11-05 14:34:38 +0900 |
| commit | acdd88e2d37993b3e2f9890394c14bba71dae965 (patch) | |
| tree | 465becd34405d3edc08b5a10ad222a2258b2f629 /src/components/ScheduleMonthLinks.astro | |
| parent | b8520351b5834e506591c896d68cf11bc34b5732 (diff) | |
events: 月別アーカイブをカード表示に
文字だけのリンク一覧だった月別・年度別アーカイブを、年度ごとの枠と
月ごとのボタン（件数付き）に変えた。
Diffstat (limited to 'src/components/ScheduleMonthLinks.astro')
| -rw-r--r-- | src/components/ScheduleMonthLinks.astro | 20 |
1 files changed, 12 insertions, 8 deletions
diff --git a/src/components/ScheduleMonthLinks.astro b/src/components/ScheduleMonthLinks.astro index 9f553df..adf3b32 100644 --- a/src/components/ScheduleMonthLinks.astro +++ b/src/components/ScheduleMonthLinks.astro @@ -17,20 +17,24 @@ const groups = fiscalYearKeys.map((fy) => ({ })); --- -<ul class="schedule-month-archive"> +<div class="schedule-archive"> { groups.map((group) => ( - <li class="schedule-year-archive"> - <a href={scheduleUrl(`${group.key}/`)}>{group.label}の予定</a> - <ul> + <section class="schedule-archive-year"> + <h3 class="schedule-archive-year-title"> + <a href={scheduleUrl(`${group.key}/`)}>{group.label}の予定</a> + </h3> + <ul class="schedule-archive-months"> {group.months.map((key) => ( <li> - <a href={scheduleUrl(`${key}/`)}>{monthLabel(key)}の予定</a> - <span class="schedule-month-count">{monthCounts[key]}件</span> + <a href={scheduleUrl(`${key}/`)}> + <span>{monthLabel(key)}</span> + <span class="schedule-archive-count">{monthCounts[key]}件</span> + </a> </li> ))} </ul> - </li> + </section> )) } -</ul> +</div> |