This commit is contained in:
Juan Felipe Duarte
2025-10-17 13:50:25 -05:00
parent 8da23ad240
commit c6ba9bb6d1
2 changed files with 24 additions and 13 deletions
+14 -3
View File
@@ -21,9 +21,20 @@
<div class="flex-1 overflow-y-auto select-none">
<div class="text-center py-4 ms:py-6">
<div class="font-medium text-base text-white">{{ Auth::user()->name ?? ''}}</div>
<div class="font-medium text-sm text-gray-500">{{ Auth::user()->email ?? ''}}</div>
<div class="font-semibold text-sm text-gray-500 capitalize">{{ Auth::user()->rol->nombre ?? ''}}</div>
<div class="flex items-center justify-center w-full">
<a href="{{ route('perfil') }}" class="rounded-full border-2 border-neutral-200 shadow-sm w-10 h-10 overflow-hidden mb-2">
@if (Auth::user()->img_perfil)
<img src="{{ Auth::user()->img_perfil }}" alt="" class="w-10 h-10 object-contain">
@else
<img src="https://ui-avatars.com/api/?name={{ Auth::user()->name ?? 'no name' }}" alt="" class="w-10 h-10 object-cover">
@endif
</a>
</div>
<div class="font-medium text-base text-white">{{ Auth::user()->name ?? ''}}</div>
<div class="font-medium text-sm text-gray-500">{{ Auth::user()->email ?? ''}}</div>
<div class="font-semibold text-sm text-gray-500 capitalize">{{ Auth::user()->rol->nombre ?? ''}}</div>
<!-- Items del menú -->
<nav class="px-4 mt-2 space-y-2 pb-4">
<a href="{{ route('dashboard') }}" class="flex items-center justify-start gap-2 py-2 px-3 rounded text-white text-left {{ request()->routeIs('dashboard') ? 'bg-white/20' : 'hover:bg-white/10' }}">
+10 -10
View File
@@ -13,13 +13,13 @@
<div class="mb-4">
<div class="flex justify-center gap-6 mb-2">
<div class="rounded-full border-2 border-neutral-200 shadow-sm w-24 h-24 overflow-hidden">
<div class="rounded-full border-2 border-neutral-200 shadow-sm w-24 h-24 overflow-hidden">
@if ($url_imagen)
<img src="{{ $url_imagen->temporaryUrl() }}" alt="" class="w-24 h-24 object-contain">
@elseif($url_imagen_d)
<img src="{{ $url_imagen_d }}" alt="" class="w-24 h-24 object-contain">
@else
<img src="/" class="w-24 h-24 object-contain">
<img src="https://ui-avatars.com/api/?name={{ Auth::user()->name ?? 'no name' }}" class="w-24 h-24 object-cover">
@endif
</div>
</div>
@@ -38,13 +38,13 @@
<div class="mb-4">
<label for="email" class="block text-gray-700 text-sm font-bold mb-2">Email:</label>
<input type="text" id="email" wire:model="email" class="border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:ring-0 focus:border-neutral-300 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
</div>
</div>
<div class="mb-4">
<label for="celular" class="block text-gray-700 text-sm font-bold mb-2">Celular:</label>
<input type="text" id="celular" wire:model="celular" class="border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:ring-0 focus:border-neutral-300 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
</div>
<div class="mb-4">
<label for="cedula" class="block text-gray-700 text-sm font-bold mb-2">Cedula:</label>
<input type="text" id="cedula" wire:model="cedula" class="border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:ring-0 focus:border-neutral-300 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
@@ -69,7 +69,7 @@
</div>
{{-- Modal contraseña --}}
<div x-cloak x-show="modalPassword"
<div x-cloak x-show="modalPassword"
x-transition:enter="transition duration-350"
x-transition:enter-start="opacity-0 scale-100"
x-transition:enter-end="opacity-100 scale-100"
@@ -78,7 +78,7 @@
x-transition:leave-end="opacity-0 scale-100" class="absolute backdrop-blur-sm bg-black/20 left-0 bottom-0 top-0 right-0 h-full">
<div class="grid h-full place-items-center">
<div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4 rounded-[1rem] shadow-md">
<div class="mb-4 mt-4">
<label for="newPassword" class="block text-gray-700 text-sm font-bold mb-2">Nueva contraseña:</label>
<input type="text" id="newPassword" wire:model="newPassword" class="border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:ring-0 focus:border-neutral-300 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
@@ -93,8 +93,8 @@
<button wire:click="limpiarContra" type="button" class="inline-flex justify-center w-full rounded-md border border-transparent px-4 py-2 text-white bg-[#585858] hover:bg-[#3a3a3a] focus:shadow-outline-green ease-in-out sm-text-sm sm-leading-5">Cerrar</button>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>