menu visible

resources/views/livewire/show-roles.blade.php

@@ -14,15 +14,7 @@ editar : @entangle('editar'),
         <div class="grid grid-cols-1 sm:flex justify-between my-2 items-center">
             <div class="grid grid-cols-1  sm:flex items-center gap-3 md:gap-8">
                 <div class="flex text-sm">
-                    <svg class="w-4" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-                        xmlns:svgjs="http://svgjs.com/svgjs" version="1.1" x="0" y="0"
-                        viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve">
-                        <g>
-                            <path
-                                d="M15.4,9.88,10.81,5.29a1,1,0,0,0-1.41,0,1,1,0,0,0,0,1.42L14,11.29a1,1,0,0,1,0,1.42L9.4,17.29a1,1,0,0,0,1.41,1.42l4.59-4.59A3,3,0,0,0,15.4,9.88Z"
-                                fill="#b221fd" data-original="#000000" />
-                        </g>
-                    </svg>
+                    <x-icon-arrow-right/>
                     Roles
                 </div>
                 <a x-on:click="add = !add"
@@ -36,7 +28,7 @@ editar : @entangle('editar'),
                             fill="#ffffff" />
                     </svg>
                 </a>
-            
+
             </div>
         </div>
 
@@ -67,7 +59,7 @@ editar : @entangle('editar'),
                                             d="M6.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM12.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM18.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0z" />
                                     </svg>
                                 </button>
-                                
+
                                 <div x-cloak x-show="openOption" @click.away="openOption = false"
                                     class="sm:absolute bg-white text-center w-[8rem] rounded-[1rem] border-b border-gray-200 shadow-lg">
                                     <button x-on:click="openOption=false" wire:click="editar({{$rol->id}})"
@@ -80,14 +72,14 @@ editar : @entangle('editar'),
                     @endforeach
                 </tbody>
             </table>
-      
+
         </div>
 
-  
-   
+
+
 
         {{-- Añadir rol --}}
-        <div x-cloak x-show="add" x-transition:enter="transition duration-350" 
+        <div x-cloak x-show="add" x-transition:enter="transition duration-350"
             x-transition:enter-start="opacity-0 scale-100" x-transition:enter-end="opacity-100 scale-100"
             x-transition:leave="transition duration-350" x-transition:leave-start="opacity-100 scale-100"
             x-transition:leave-end="opacity-0 scale-100"
@@ -148,7 +140,7 @@ editar : @entangle('editar'),
                  </div>
              </form>
          </div>
-     </div> 
+     </div>