Cutlery/invoiceninja
1
0
Fork 0
mirror of https://github.com/invoiceninja/invoiceninja.git synced 2025-07-08 08:04:40 -04:00
Code Issues Packages Projects Releases Wiki Activity

Improve spinners between loads

Browse Source
This commit is contained in:
David Bomba 2024-07-02 12:35:28 +10:00 committed by Benjamin Beganović
parent 157841da9b
commit caeed4456b
1 changed files with 14 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
resources/views/portal/ninja2020/components/livewire/payment_method-flow2.blade.php
View File

@ -1,4 +1,4 @@
<div class="flex flex-col space-y-4 p-4" x-data="{ isLoading: true }"> <div class="flex flex-col space-y-4 p-4" x-data="{ isLoading: @entangle('isLoading') }">
<div x-show="isLoading" class="flex items-center justify-center min-h-screen"> <div x-show="isLoading" class="flex items-center justify-center min-h-screen">
<svg class="animate-spin h-10 w-10 text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> <svg class="animate-spin h-10 w-10 text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
@ -25,6 +25,10 @@
@script @script
<script> <script>
Livewire.on('loadingCompleted', () => {
isLoading = false;
});
const buttons = document.querySelectorAll('.payment-method'); const buttons = document.querySelectorAll('.payment-method');
buttons.forEach(button => { buttons.forEach(button => {