Feat: Domains-Button zeigt Spinner + disabled-State beim Speichern

main v1.1.440
boban 2026-04-27 20:25:14 +02:00
parent 1ae3c7c54a
commit dec95d5803
2 changed files with 4 additions and 1 deletions

View File

@ -1694,6 +1694,8 @@ select {
box-shadow: 0 0 8px rgba(124,58,237,.3);
}
.mbx-btn-primary:hover { background: #6d28d9; }
.mbx-btn-primary:disabled { opacity: .55; cursor: not-allowed; box-shadow: none; }
.mbx-btn-primary:active:not(:disabled) { transform: scale(.97); }
.mbx-btn-mute {
display: flex; align-items: center; gap: 6px;
background: var(--mw-bg3); border: 1px solid var(--mw-b1);

View File

@ -14,7 +14,8 @@
<div class="mbx-page-actions">
@if($tab === 'domains')
<button wire:click="saveDomains" wire:loading.attr="disabled" wire:target="saveDomains" class="mbx-btn-primary">
<svg width="12" height="12" viewBox="0 0 14 14" fill="none"><path d="M2 2h8l2 2v8a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Z" stroke="currentColor" stroke-width="1.2"/><path d="M5 2v3h4V2" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
<svg wire:loading.remove wire:target="saveDomains" width="12" height="12" viewBox="0 0 14 14" fill="none"><path d="M2 2h8l2 2v8a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Z" stroke="currentColor" stroke-width="1.2"/><path d="M5 2v3h4V2" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
<svg wire:loading wire:target="saveDomains" width="12" height="12" viewBox="0 0 12 12" fill="none" style="animation:spin .7s linear infinite"><circle cx="6" cy="6" r="4.5" stroke="currentColor" stroke-width="1.5" stroke-dasharray="14 7" stroke-linecap="round"/></svg>
<span wire:loading.remove wire:target="saveDomains">Domains speichern</span>
<span wire:loading wire:target="saveDomains">Speichert…</span>
</button>