From 3efc9efad99e90de3eab2fc1702ef8029538c318 Mon Sep 17 00:00:00 2001
From: Yasutake Yohei <61961825+yasutakeyohei@users.noreply.github.com>
Date: Sat, 7 Nov 2026 12:17:09 +0900
Subject: ParkMap.astro: フキダシの項目名を文字アイコン化
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 水飲み場はあり/なしで表示し、水滴アイコンを塗りつぶしに変更
- じゃぶじゃぶ池の池アイコンを追加し、地図上にも表示
- 特殊遊具のアイコンを星に変更
- ベンチ・椅子をベンチの絵に変更
- 試合形式は独立行をやめ、ボール遊びに括弧書きで併記
- 防災用具から防火水槽・消火栓を除外
- 一覧表はスマホでカード表示にして横スクロールをなくす
---
 src/components/ParksFilters.astro | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

(limited to 'src/components/ParksFilters.astro')

diff --git a/src/components/ParksFilters.astro b/src/components/ParksFilters.astro
index 4890741..5675eb9 100644
--- a/src/components/ParksFilters.astro
+++ b/src/components/ParksFilters.astro
@@ -59,7 +59,7 @@ const facilityTypes = [
     <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 filter-icon-grass" set:html={PARK_ICONS.grass.svg} />草地広場
     </label>
     <label><input type="checkbox" data-fac-filter value="clock" />⏰時計</label>
     <label>
@@ -97,7 +97,7 @@ const facilityTypes = [
     <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>
+    <label><input type="checkbox" data-fac-filter value="special" /><span class="filter-icon" set:html={PARK_ICONS.special.svg} />特殊遊具</label>
   </fieldset>
   <label class="parks-fire-toggle" title="消火栓・防火水槽を地図に表示する">
     <input type="checkbox" data-show-fire />
@@ -189,6 +189,9 @@ const facilityTypes = [
     height: 18px;
     flex: none;
   }
+  .filter-icon-grass {
+    color: #2e7d32;
+  }
   .filter-icon :global(svg) {
     display: block;
     width: 100%;
-- 
cgit v1.3.1