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([ @props([
'status' => 'Restarting', '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 /> <x-loading wire:loading.delay.longer />
<span wire:loading.remove.delay.longer class="flex items-center"> <span wire:loading.remove.delay.longer class="flex items-center">
<div class="badge badge-warning "></div> <div class="badge badge-warning "></div>

View File

@ -1,7 +1,7 @@
@props([ @props([
'status' => 'Running', '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 /> <x-loading wire:loading.delay.longer />
<span wire:loading.remove.delay.longer class="flex items-center"> <span wire:loading.remove.delay.longer class="flex items-center">
<div class="badge badge-success "></div> <div class="badge badge-success "></div>

View File

@ -1,7 +1,7 @@
@props([ @props([
'status' => 'Stopped', '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 /> <x-loading wire:loading.delay.longer />
<span wire:loading.remove.delay.longer class="flex items-center"> <span wire:loading.remove.delay.longer class="flex items-center">
<div class="badge badge-error "></div> <div class="badge badge-error "></div>