diff options
Diffstat (limited to 'src/components/ParksFilters.astro')
| -rw-r--r-- | src/components/ParksFilters.astro | 31 |
1 files changed, 20 insertions, 11 deletions
diff --git a/src/components/ParksFilters.astro b/src/components/ParksFilters.astro index f31503b..172edf0 100644 --- a/src/components/ParksFilters.astro +++ b/src/components/ParksFilters.astro @@ -56,10 +56,10 @@ const facilityTypes = [ <fieldset class="parks-facilities"> <legend>設備・遊具で絞る</legend> <label><input type="checkbox" data-fac-filter value="toilet" />トイレ</label> - <label><input type="checkbox" data-fac-filter value="water" />水飲み場・給水</label> + <label><input type="checkbox" data-fac-filter value="water" />水飲み</label> <label> <input type="checkbox" data-fac-filter value="picnic" /> - <span class="filter-icon" set:html={PARK_ICONS.picnic.svg} />ピクニック・広場 + <span class="filter-icon" set:html={PARK_ICONS.picnic.svg} />緑地広場 </label> <label><input type="checkbox" data-fac-filter value="clock" />⏰時計</label> <label><input type="checkbox" data-fac-filter value="toy" />遊具あり</label> @@ -77,7 +77,7 @@ const facilityTypes = [ </label> <label> <input type="checkbox" data-fac-filter value="spring" /> - <span class="filter-icon" set:html={PARK_ICONS.spring.svg} />スプリング遊具 + <span class="filter-icon" set:html={PARK_ICONS.spring.svg} />スイング遊具 </label> <label> <input type="checkbox" data-fac-filter value="jungle" /> @@ -95,15 +95,15 @@ const facilityTypes = [ <input type="checkbox" data-fac-filter value="complex" /> <span class="filter-icon" set:html={PARK_ICONS.playground.svg} />複合遊具 </label> - <label> - <input type="checkbox" data-fac-filter value="rope" /> - <span class="filter-icon" set:html={PARK_ICONS.flyingfox.svg} />ロープウェイ - </label> - <label> - <input type="checkbox" data-fac-filter value="ball" /> - <span class="filter-icon" set:html={PARK_ICONS.ball.svg} />ボール遊び - </label> + <label><input type="checkbox" data-fac-filter value="basket" />バスケゴール</label> + <label><input type="checkbox" data-fac-filter value="shelter" />東屋/シェルター</label> + <label><input type="checkbox" data-fac-filter value="health" />健康遊具</label> + <label><input type="checkbox" data-fac-filter value="special" />特殊遊具</label> </fieldset> + <label class="parks-fire-toggle" title="消火栓・防火水槽を地図に表示する"> + <input type="checkbox" data-show-fire /> + 消火栓・防火水槽 + </label> <span class="parks-count" data-parks-count aria-live="polite">{total}件</span> </div> @@ -175,6 +175,15 @@ const facilityTypes = [ height: 0.9em; margin: 0; } + /* 选择中的フィルタを目立たせる */ + .parks-controls label:has(input[type="checkbox"]:checked) { + padding: 0 0.35rem; + border-radius: 999px; + background: var(--sl-color-accent-low, #dbeafe); + outline: 1px solid var(--sl-color-accent, #2563eb); + color: var(--sl-color-text, inherit); + font-weight: 700; + } .filter-icon { display: inline-flex; width: 18px; |
