perfiles modal

This commit is contained in:
Felipe
2024-03-04 14:43:09 -05:00
parent fbf6f236d9
commit 3217789967
5 changed files with 12 additions and 28 deletions
@@ -81,7 +81,7 @@
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-start="opacity-100 scale-100"
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"> 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="grid h-full place-items-center">
<div class="bg-white rounded-lg shadow-md sm:1/2 md:1/2 lg:1/3 xl:w-1/4"> <div class="bg-white rounded-lg shadow-md sm:1/2 md:1/2 lg:1/3 max-h-screen xl:w-1/4">
<div class="w-full Text-left text-white px-4 py-2 rounded-lg" style="background: rgb(0,0,0); <div class="w-full Text-left text-white px-4 py-2 rounded-lg" style="background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, {{ $colorFondo_tarjetaPlan }} 0%, rgba(20,20,20,1) 100%);"> background: linear-gradient(0deg, rgba(0,0,0,1) 0%, {{ $colorFondo_tarjetaPlan }} 0%, rgba(20,20,20,1) 100%);">
<p class="font-bold text-lg mb-2"> <p class="font-bold text-lg mb-2">
@@ -253,7 +253,7 @@
$n++; $n++;
@endphp @endphp
<div class="shadow-md rounded-lg py-3 px-6 mx-8 flex " > <div class="shadow-md rounded-lg py-3 px-6 mx-8 flex justify-between">
<div> <div>
<div class="font-semibold text-gray-700">{{ $cuenta->servicio->nombre }} :</div> <div class="font-semibold text-gray-700">{{ $cuenta->servicio->nombre }} :</div>
<h1 class="mt-4"> <h1 class="mt-4">
@@ -461,60 +461,44 @@
</div> </div>
<div class="bg-white grid grid-cols-1 lg:grid-cols-2 text-center rounded-xl py-4 px-8 shadow-md xl:mx-10 mb-8"> <div class="bg-white grid grid-cols-1 lg:grid-cols-2 text-center rounded-xl py-4 px-8 shadow-md xl:mx-10 mb-8">
<div class="lg:col-span-2 flex"> <div class="lg:col-span-2 flex">
<div class="mx-auto "> <div class="mx-auto">
<p class="text-left mb-4 font-bold text-lg">Claves perfil netflix</p> <p class="text-left mb-4 font-bold text-lg">Claves perfil netflix</p>
<div class="mb-4"> <div class="mb-4">
<label for="clave_1" class="block text-gray-700 text-sm font-bold text-left mb-2">Perfil <label for="clave_1" class="block text-gray-700 text-sm font-bold text-left mb-2">Perfil
1</label> 1</label>
<input type="text" id="clave_1" wire:model="clave_1" <input type="text" id="clave_1" wire:model="clave_1" 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">
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"> <div class="mb-4">
<label for="clave_1" class="block text-gray-700 text-sm font-bold text-left mb-2">Perfil 2 <label for="clave_1" class="block text-gray-700 text-sm font-bold text-left mb-2">Perfil 2
</label> </label>
<input type="text" id="clave_1" wire:model="clave_2" <input type="text" id="clave_1" wire:model="clave_2" 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">
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"> <div class="mb-4">
<label for="clave_1" class="block text-gray-700 text-sm font-bold text-left mb-2">Perfil <label for="clave_1" class="block text-gray-700 text-sm font-bold text-left mb-2">Perfil
3</label> 3</label>
<input type="text" id="clave_1" wire:model="clave_3" <input type="text" id="clave_1" wire:model="clave_3" 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">
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"> <div class="mb-4">
<label for="clave_1" class="block text-gray-700 text-sm font-bold text-left mb-2">Perfil <label for="clave_1" class="block text-gray-700 text-sm font-bold text-left mb-2">Perfil
4</label> 4</label>
<input type="text" id="clave_1" wire:model="clave_4" <input type="text" id="clave_1" wire:model="clave_4" 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">
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"> <div class="mb-4">
<label for="clave_1" class="block text-gray-700 text-sm font-bold text-left mb-2">Perfil <label for="clave_1" class="block text-gray-700 text-sm font-bold text-left mb-2">Perfil
5</label> 5</label>
<input type="text" id="clave_1" wire:model="clave_5" <input type="text" id="clave_1" wire:model="clave_5" 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">
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"> <div class="mb-4">
<label for="clave_1" class="block text-gray-700 text-sm font-bold text-left mb-2">Perfil <label for="clave_1" class="block text-gray-700 text-sm font-bold text-left mb-2">Perfil
6</label> 6</label>
<input type="text" id="clave_1" wire:model="clave_6" <input type="text" id="clave_1" wire:model="clave_6" 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">
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> </div>
</div> </div>
<span class="lg:col-span-2 mb-2"> <span class="lg:col-span-2 mb-2">
<button wire:click="guardarclaves" <button wire:click="guardarclaves" class="inline-flex justify-center rounded-md border border-transparent px-4 py-2 sm:mb-[0] mb-2 text-white bg-[#B221FD] hover:bg-[#7a02b8] focus:shadow-outline-green ease-in-out sm-text-sm sm-leading-5">Actualizar</button>
class="inline-flex justify-center rounded-md border border-transparent px-4 py-2 sm:mb-[0] mb-2 text-white bg-[#B221FD] hover:bg-[#7a02b8] focus:shadow-outline-green ease-in-out sm-text-sm sm-leading-5">Actualizar</button>
</span> </span>
@@ -891,7 +891,7 @@
$n++; $n++;
@endphp @endphp
<div class="shadow-md rounded-lg py-3 px-6 mx-8 flex "> <div class="shadow-md rounded-lg py-3 px-6 mx-8 flex justify-between">
<div> <div>
<h1 class="mt-4"> <h1 class="mt-4">
<div class="font-semibold text-gray-700"> <div class="font-semibold text-gray-700">
@@ -387,7 +387,7 @@
@php @php
$n++; $n++;
@endphp @endphp
<div class="shadow-md rounded-lg py-3 px-6 mx-8 flex"> <div class="shadow-md rounded-lg py-3 px-6 mx-8 flex justify-between">
<div> <div>
<h1 class="mt-4"> <h1 class="mt-4">
@if (!empty($cuenta->servicio->ver_url)) @if (!empty($cuenta->servicio->ver_url))