aboutsummaryrefslogtreecommitdiffhomepage
path: root/src/components/ParksFilters.astro
diff options
context:
space:
mode:
authorYasutake Yohei <61961825+yasutakeyohei@users.noreply.github.com>2026-11-07 12:17:09 +0900
committerYasutake Yohei <61961825+yasutakeyohei@users.noreply.github.com>2026-11-07 12:17:09 +0900
commit3efc9efad99e90de3eab2fc1702ef8029538c318 (patch)
tree407c02d0d08a636220287e19609613373a6bc799 /src/components/ParksFilters.astro
parentfb356fecb9fd98b647d724552dd44f6545f5635c (diff)
ParkMap.astro: フキダシの項目名を文字アイコン化
- 水飲み場はあり/なしで表示し、水滴アイコンを塗りつぶしに変更 - じゃぶじゃぶ池の池アイコンを追加し、地図上にも表示 - 特殊遊具のアイコンを星に変更 - ベンチ・椅子をベンチの絵に変更 - 試合形式は独立行をやめ、ボール遊びに括弧書きで併記 - 防災用具から防火水槽・消火栓を除外 - 一覧表はスマホでカード表示にして横スクロールをなくす
Diffstat (limited to 'src/components/ParksFilters.astro')
-rw-r--r--src/components/ParksFilters.astro7
1 files changed, 5 insertions, 2 deletions
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%;