Agregando daisy ui y cambiando componentes por las alternativas de daisy

This commit is contained in:
2025-01-26 01:11:47 -03:00
parent 90bbc3ac7b
commit e33d1ddade
17 changed files with 643 additions and 240 deletions

View File

@@ -2,26 +2,37 @@
<div>
<div class="grid grid-cols-[auto,minmax(0,1fr)] gap-4 items-baseline">
<x-label>$20.000</x-label>
<x-input type="number" wire:model.blur="veinte_mil"/>
<x-label>$10.000</x-label>
<x-input type="number" wire:model.blur="diez_mil"/>
<x-label>$5.000</x-label>
<x-input type="number" wire:model.blur="cinco_mil"/>
<x-label>$2.000</x-label>
<x-input type="number" wire:model.blur="dos_mil"/>
<x-label>$1.000</x-label>
<x-input type="number" wire:model.blur="mil"/>
<x-label>$500</x-label>
<x-input type="number" wire:model.blur="quinientos"/>
<x-label>$100</x-label>
<x-input type="number" wire:model.blur="cien"/>
<x-label>$50</x-label>
<x-input type="number" wire:model.blur="cincuenta"/>
<x-label>$10</x-label>
<x-input type="number" wire:model.blur="diez"/>
<hr class="border-b my-4 col-span-full"/>
<x-label>Total</x-label>
<x-input value="{{Number::currency($this->totalEfectivo)}}" readonly/>
<label class="label-text" for="veinte_mil">$20.000</label>
<input class="input input-bordered" type="number" id="veinte_mil" wire:model.blur="veinte_mil"/>
<label class="label-text" for="diez_mil">$10.000</label>
<input class="input input-bordered" type="number" id="diez_mil" wire:model.blur="diez_mil"/>
<label class="label-text" for="cinco_mil">$5.000</label>
<input class="input input-bordered" type="number" id="cinco_mil" wire:model.blur="cinco_mil"/>
<label class="label-text" for="dos_mil">$2.000</label>
<input class="input input-bordered" type="number" id="dos_mil" wire:model.blur="dos_mil"/>
<label class="label-text" for="mil">$1.000</label>
<input class="input input-bordered" type="number" id="mil" wire:model.blur="mil"/>
<label class="label-text" for="quinientos">$500</label>
<input class="input input-bordered" type="number" id="quinientos" wire:model.blur="quinientos"/>
<label class="label-text" for="cien">$100</label>
<input class="input input-bordered" type="number" id="cien" wire:model.blur="cien"/>
<label class="label-text" for="cincuenta">$50</label>
<input class="input input-bordered" type="number" id="cincuenta" wire:model.blur="cincuenta"/>
<label class="label-text" for="diez">$10</label>
<input class="input input-bordered" type="number" id="diez" wire:model.blur="diez"/>
<div class="divider col-span-full"></div>
<label class="label-text">Total</label>
<input class="input input-bordered bg-neutral-content" value="{{Number::currency($this->totalEfectivo)}}"
readonly/>
</div>
</div>