feat: enhance detach drive button styling and interactivity

This commit is contained in:
2025-12-05 04:39:42 -05:00
parent edc9605191
commit db6575a5de

View File

@@ -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>