Fix: ClamAV Button-Styles korrigiert + mbx-btn-danger CSS-Klasse

- Aktualisieren + Jetzt: mbx-act-btn (icon-only 28px) → mbx-btn-mute (text+icon)
- Deaktivieren: mbx-act-danger (kein base-style) → mbx-btn-danger (neue Klasse)
- mbx-btn-danger: transparent mit rotem Border/Text, flex align-items:center

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
main v1.1.322
boban 2026-04-26 20:03:10 +02:00
parent cbdab12c19
commit 7b1274f349
2 changed files with 10 additions and 3 deletions

View File

@ -1701,6 +1701,13 @@ select {
color: var(--mw-t3); cursor: pointer; white-space: nowrap;
}
.mbx-btn-mute:hover { border-color: var(--mw-b2); color: var(--mw-t2); }
.mbx-btn-danger {
display: flex; align-items: center; gap: 5px;
background: transparent; border: 1px solid var(--mw-rdbd, rgba(239,68,68,.3));
border-radius: 6px; padding: 6px 11px; font-size: 12px; font-weight: 500;
color: var(--mw-rd, #f87171); cursor: pointer; white-space: nowrap; transition: all .1s;
}
.mbx-btn-danger:hover { background: var(--mw-rdbg, rgba(239,68,68,.08)); border-color: #ef4444; color: #fca5a5; }
/* Domain sections */
.mbx-sections { display: flex; flex-direction: column; gap: 14px; }

View File

@ -12,7 +12,7 @@
Virenschutz (ClamAV)
</div>
<div class="mbx-page-actions">
<button wire:click="refresh" class="mbx-act-btn">
<button wire:click="refresh" class="mbx-btn-mute">
<svg width="12" height="12" viewBox="0 0 14 14" fill="none" wire:loading.class="animate-spin" wire:target="refresh,enable,disable,updateDb"><path d="M12 7A5 5 0 1 1 7 2" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/><path d="M7 2l2-2v4H5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></svg>
Aktualisieren
</button>
@ -84,7 +84,7 @@
<div style="display:flex;gap:8px">
@if($running)
<button wire:click="disable" wire:loading.attr="disabled" wire:target="disable"
class="mbx-act-danger"
class="mbx-btn-danger"
onclick="return confirm('ClamAV wirklich stoppen und deaktivieren?')">
<svg width="12" height="12" viewBox="0 0 14 14" fill="none"><rect x="2" y="2" width="10" height="10" rx="2" stroke="currentColor" stroke-width="1.3"/></svg>
<span wire:loading.remove wire:target="disable">Deaktivieren</span>
@ -113,7 +113,7 @@
<div style="font-size:11px;color:var(--mw-t4);margin-bottom:3px">Signaturen aktualisieren</div>
<div style="font-size:12px;color:var(--mw-t3)">Läuft automatisch täglich</div>
</div>
<button wire:click="updateDb" wire:loading.attr="disabled" wire:target="updateDb" class="mbx-act-btn" style="flex-shrink:0">
<button wire:click="updateDb" wire:loading.attr="disabled" wire:target="updateDb" class="mbx-btn-mute" style="flex-shrink:0">
<svg width="11" height="11" viewBox="0 0 14 14" fill="none" wire:loading.class="animate-spin" wire:target="updateDb"><path d="M12 7A5 5 0 1 1 7 2" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/><path d="M7 2l2-2v4H5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span wire:loading.remove wire:target="updateDb">Jetzt</span>
<span wire:loading wire:target="updateDb"></span>