1
1
<div >
2
- <button data-dropdown-toggle =" dropdown-language"
2
+ <button data-dropdown-toggle =" dropdown-language"
3
3
class =" grid py-3 text-sm font-semibold transition rounded-lg place-items-center" >
4
- <div class =" flex items-center space-x-1" >
5
- <x-filament::icon
6
- icon =" icon-flags.{{ $lang } }"
7
- class =" size-5"
8
- />
9
- <x-heroicon-o-chevron-down class =" hidden size-4 sm:block" />
10
- </div >
11
- </button >
12
- <div id =" dropdown-language" class =" absolute z-[45] hidden p-2 overflow-hidden text-sm border border-white rounded-lg bg-gray-50/85 backdrop-blur w-[240px] max-w-sm" >
13
- <ul >
14
- @foreach ($langs as $localeCode => $properties )
15
- <li >
16
- <a rel =" alternate" hreflang =" {{ $localeCode } }" href =" {{ LaravelLocalization:: getLocalizedURL ($localeCode , null , [], true ) } }" class =" flex items-center w-full px-2 py-3 space-x-2 transition rounded hover:bg-white" >
17
- <x-filament::icon
18
- icon =" icon-flags.{{ $localeCode } }"
19
- class =" size-5"
20
- />
21
- <div >{{ $properties [' native' ] } } </div >
22
- </a >
23
- </li >
4
+ <div class =" flex items-center space-x-1" >
5
+ <x-filament::icon icon =" lang-flag.{{ $lang } }" class =" size-5" />
6
+ <x-heroicon-o-chevron-down class =" hidden size-4 sm:block" />
7
+ </div >
8
+ </button >
9
+ <div id =" dropdown-language"
10
+ class =" absolute z-[45] hidden p-2 overflow-hidden text-sm border border-white rounded-lg bg-gray-50/85 backdrop-blur w-[240px] max-w-sm" >
11
+ <ul >
12
+ @foreach ($langs as $localeCode => $properties )
13
+ <li >
14
+ <a rel =" alternate" hreflang =" {{ $localeCode } }"
15
+ href =" {{ LaravelLocalization:: getLocalizedURL ($localeCode , null , [], true ) } }"
16
+ class =" flex items-center w-full px-2 py-3 space-x-2 transition rounded hover:bg-white" >
17
+ <x-filament::icon icon =" lang-flag.{{ $localeCode } }" class =" size-5" />
18
+ <div >{{ $properties [' native' ] } } </div >
19
+ </a >
20
+ </li >
24
21
@endforeach
25
22
{{--
26
23
<li>
@@ -41,6 +38,6 @@ class="size-5"
41
38
</button>
42
39
</li>
43
40
--}}
44
- </ul >
45
- </div >
41
+ </ul >
42
+ </div >
46
43
</div >
0 commit comments