File tree Expand file tree Collapse file tree 1 file changed +3
-9
lines changed
resources/views/components/filter Expand file tree Collapse file tree 1 file changed +3
-9
lines changed Original file line number Diff line number Diff line change 1
- @props ([' heading' ] )
2
-
3
1
<input class =" peer hidden" type =" checkbox" checked :set =" id = Math.random().toString(36).slice(2)" :id =" id" />
4
2
5
3
<label class =" flex cursor-pointer items-center justify-between gap-x-2 border-t pb-2.5 pt-4 text-neutral peer-checked:[& >.chevron]:rotate-180" :for =" id" >
6
4
<span class =" block font-sans text-base font-semibold text-neutral" >
7
- @isset ($heading )
8
- {{ $heading } }
9
- @else
10
- @ {{ filter?.name?.replace('_', ' ') }}
11
- @endisset
5
+ @ {{ filter?.name?.replace('_', ' ') }}
12
6
</span >
13
7
14
8
<x-heroicon-o-chevron-down class =" size-4 chevron transition" />
15
9
</label >
16
- <div class =" grid grid-rows-[0fr] transition-all peer-checked:grid-rows-[1fr] peer-checked:*:-my-1 peer-checked:*:py-1 " >
17
- <div class =" overflow-hidden px -1 -mx -1" >
10
+ <div class =" peer-checked:*:-my-1 peer-checked:*:py-1 grid grid-rows-[0fr] transition-all peer-checked:grid-rows-[1fr]" >
11
+ <div class =" -mx -1 overflow-hidden px -1" >
18
12
{{ $slot } }
19
13
</div >
20
14
</div >
You can’t perform that action at this time.
0 commit comments