Add all files
This commit is contained in:
3
themes/default/views/components/button/danger.blade.php
Normal file
3
themes/default/views/components/button/danger.blade.php
Normal file
@@ -0,0 +1,3 @@
|
||||
<x-button.primary {{ $attributes->merge(['class' => 'bg-red-700 bg-none text-white py-2 px-4 rounded hover:bg-red-600'])}}>
|
||||
{{ $slot }}
|
||||
</x-button.primary>
|
||||
14
themes/default/views/components/button/primary.blade.php
Normal file
14
themes/default/views/components/button/primary.blade.php
Normal file
@@ -0,0 +1,14 @@
|
||||
<button
|
||||
{{ $attributes->merge(['class' => 'flex items-center gap-2 justify-center bg-primary text-white text-sm font-semibold hover:bg-primary/80 py-2.5 lg:py-2 px-4.5 rounded-md w-full duration-300 cursor-pointer disabled:cursor-not-allowed disabled:opacity-50']) }}>
|
||||
@if (isset($type) && $type === 'submit')
|
||||
<div role="status" wire:loading>
|
||||
<x-ri-loader-5-fill aria-hidden="true" class="size-6 me-2 fill-background animate-spin" />
|
||||
<span class="sr-only">Loading...</span>
|
||||
</div>
|
||||
<div wire:loading.remove>
|
||||
{{ $slot }}
|
||||
</div>
|
||||
@else
|
||||
{{ $slot }}
|
||||
@endif
|
||||
</button>
|
||||
28
themes/default/views/components/button/save.blade.php
Normal file
28
themes/default/views/components/button/save.blade.php
Normal file
@@ -0,0 +1,28 @@
|
||||
|
||||
<!-- Show saved! when the form is saved -->
|
||||
<div class="flex flex-row items-center">
|
||||
<x-button.primary {{ $attributes }}>
|
||||
{{ $slot }}
|
||||
</x-button.primary>
|
||||
|
||||
<div class="flex items-center justify-center ml-2 text-green-500 hidden opacity-0 transition-opacity ease-in-out delay-150 duration-300 mt-4" id="saved">
|
||||
{{ __('Saved!') }}
|
||||
</div>
|
||||
@script
|
||||
<script>
|
||||
$wire.on('saved', function () {
|
||||
setTimeout(() => {
|
||||
document.getElementById('saved').classList.remove('hidden');
|
||||
}, 50);
|
||||
setTimeout(() => {
|
||||
document.getElementById('saved').classList.remove('opacity-0');
|
||||
document.getElementById('saved').classList.add('opacity-100');
|
||||
}, 70);
|
||||
setTimeout(() => {
|
||||
document.getElementById('saved').classList.remove('opacity-100');
|
||||
document.getElementById('saved').classList.add('opacity-0');
|
||||
}, 2500);
|
||||
});
|
||||
</script>
|
||||
@endscript
|
||||
</div>
|
||||
14
themes/default/views/components/button/secondary.blade.php
Normal file
14
themes/default/views/components/button/secondary.blade.php
Normal file
@@ -0,0 +1,14 @@
|
||||
<button
|
||||
{{ $attributes->merge(['class' => 'flex items-center gap-2 justify-center bg-background-secondary text-sm font-semibold border border-neutral hover:bg-background-secondary/80 py-2.5 lg:py-2 px-4.5 rounded-md w-full duration-300 cursor-pointer disabled:cursor-not-allowed disabled:opacity-50']) }}>
|
||||
@if (isset($type) && $type === 'submit')
|
||||
<div role="status" wire:loading>
|
||||
<x-ri-loader-5-fill aria-hidden="true" class="size-6 me-2 fill-background animate-spin" />
|
||||
<span class="sr-only">Loading...</span>
|
||||
</div>
|
||||
<div wire:loading.remove>
|
||||
{{ $slot }}
|
||||
</div>
|
||||
@else
|
||||
{{ $slot }}
|
||||
@endif
|
||||
</button>
|
||||
Reference in New Issue
Block a user