Refactor status component styles

This commit is contained in:
Andras Bacsai 2024-04-03 13:04:21 +02:00
parent 3dd5699cde
commit 82f74e2264
3 changed files with 3 additions and 3 deletions

View File

@ -1,7 +1,7 @@
@props([
'status' => 'Restarting',
])
<div class="flex items-center p-[0.125rem] bg-white border rounded dark:bg-coolgray-100 dark:border-black border-neutral-200">
<div class="flex items-center">
<x-loading wire:loading.delay.longer />
<span wire:loading.remove.delay.longer class="flex items-center">
<div class="badge badge-warning "></div>

View File

@ -1,7 +1,7 @@
@props([
'status' => 'Running',
])
<div class="flex items-center p-[0.125rem] bg-white border rounded dark:bg-coolgray-200 dark:border-black border-neutral-200">
<div class="flex items-center">
<x-loading wire:loading.delay.longer />
<span wire:loading.remove.delay.longer class="flex items-center">
<div class="badge badge-success "></div>

View File

@ -1,7 +1,7 @@
@props([
'status' => 'Stopped',
])
<div class="flex items-center p-[0.125rem] bg-white border rounded dark:bg-coolgray-200 dark:border-black border-neutral-200">
<div class="flex items-center">
<x-loading wire:loading.delay.longer />
<span wire:loading.remove.delay.longer class="flex items-center">
<div class="badge badge-error "></div>