feat: enhance detach drive button styling and interactivity
This commit is contained in:
@@ -699,8 +699,10 @@
|
||||
</button>
|
||||
<button wire:click="detachDrive"
|
||||
wire:loading.attr="disabled"
|
||||
class="px-4 py-2 text-sm font-medium rounded-lg bg-warning text-white hover:bg-warning/90 disabled:opacity-50 transition-colors"
|
||||
@if($status && $status->status !== 'stopped') disabled @endif>
|
||||
style="padding: 0.5rem 1rem; font-size: 0.875rem; font-weight: 500; border-radius: 0.5rem; background-color: rgb(234 179 8); color: white; transition: background-color 0.15s ease;"
|
||||
onmouseover="this.style.backgroundColor='rgb(202 138 4)'"
|
||||
onmouseout="this.style.backgroundColor='rgb(234 179 8)'"
|
||||
@if($status && $status->status !== 'stopped') disabled style="opacity: 0.5;" @endif>
|
||||
<x-loading target="detachDrive" />
|
||||
<span wire:loading.remove wire:target="detachDrive">Detach Drive</span>
|
||||
<span wire:loading wire:target="detachDrive">Detaching...</span>
|
||||
|
||||
Reference in New Issue
Block a user