UI: ClamAV-Seite Layout verbessert – Sidebar mit RAM-Hinweis + Info

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
main v1.1.321
boban 2026-04-26 19:59:14 +02:00
parent b83af57e56
commit cbdab12c19
1 changed files with 38 additions and 33 deletions

View File

@ -28,20 +28,9 @@
@endif
<div class="sec-layout">
<div style="min-width:0;display:flex;flex-direction:column;gap:16px">
{{-- RAM-Hinweis --}}
<div style="padding:12px 16px;background:rgba(245,158,11,.07);border:1px solid rgba(245,158,11,.25);border-radius:10px;display:flex;gap:12px;align-items:flex-start">
<svg width="18" height="18" viewBox="0 0 16 16" fill="none" style="color:#f59e0b;flex-shrink:0;margin-top:1px"><path d="M8 1.5L13.5 12H2.5L8 1.5Z" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"/><path d="M8 6v3" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/><circle cx="8" cy="10.5" r=".6" fill="currentColor"/></svg>
<div>
<div style="font-size:12.5px;font-weight:600;color:#fcd34d;margin-bottom:3px">Hoher RAM-Verbrauch</div>
<div style="font-size:12px;color:rgba(253,230,138,.7);line-height:1.5">
ClamAV lädt die komplette Viren-Datenbank (~500 MB) in den Arbeitsspeicher.
Auf Servern mit weniger als 2 GB RAM kann das die Performance beeinträchtigen.
Empfohlen für Produktiv-Mailserver mit ausreichend RAM.
</div>
</div>
</div>
{{-- ═══ Main ═══ --}}
<div style="min-width:0;display:flex;flex-direction:column;gap:16px">
{{-- Status-Karte --}}
<div class="mbx-section">
@ -53,7 +42,6 @@
<div style="padding:16px 18px">
@if(!$installed)
{{-- Nicht installiert --}}
<div style="display:flex;flex-direction:column;gap:14px">
<div style="display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--mw-bg4);border:1px solid var(--mw-b2);border-radius:8px">
<div style="width:8px;height:8px;border-radius:50%;background:#6b7280;flex-shrink:0"></div>
@ -70,7 +58,6 @@
</div>
@else
{{-- Installiert --}}
<div style="display:flex;flex-direction:column;gap:16px">
{{-- Status-Zeile --}}
@ -140,39 +127,57 @@
</div>
</div>
{{-- Info-Box --}}
</div>
{{-- ═══ Sidebar ═══ --}}
<div style="display:flex;flex-direction:column;gap:12px">
{{-- RAM-Hinweis --}}
<div style="padding:12px 14px;background:rgba(245,158,11,.07);border:1px solid rgba(245,158,11,.25);border-radius:10px;display:flex;gap:10px;align-items:flex-start">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" style="color:#f59e0b;flex-shrink:0;margin-top:1px"><path d="M8 1.5L13.5 12H2.5L8 1.5Z" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"/><path d="M8 6v3" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/><circle cx="8" cy="10.5" r=".6" fill="currentColor"/></svg>
<div>
<div style="font-size:12px;font-weight:600;color:#fcd34d;margin-bottom:3px">Hoher RAM-Verbrauch</div>
<div style="font-size:11.5px;color:rgba(253,230,138,.7);line-height:1.5">
ClamAV lädt die komplette Viren-Datenbank (~500 MB) in den Arbeitsspeicher.
Empfohlen auf Servern mit mindestens 2 GB RAM.
</div>
</div>
</div>
{{-- Info --}}
<div class="mbx-section">
<div class="mbx-domain-head">
<div class="mbx-domain-info">
<span class="mbx-badge-mute">Info</span>
</div>
</div>
<div style="padding:16px 18px;display:flex;flex-direction:column;gap:10px">
<div style="font-size:12.5px;color:var(--mw-t3);line-height:1.6">
ClamAV ist ein Open-Source-Virenscanner der in Kombination mit Rspamd eingehende E-Mails auf Schadsoftware prüft.
Infizierte Anhänge werden automatisch abgewiesen oder in Quarantäne verschoben.
<div style="padding:14px 16px;display:flex;flex-direction:column;gap:8px">
<div style="font-size:12px;color:var(--mw-t3);line-height:1.6">
ClamAV prüft in Kombination mit Rspamd eingehende E-Mails auf Schadsoftware.
Infizierte Anhänge werden abgewiesen oder in Quarantäne verschoben.
</div>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px">
<div style="padding:8px 12px;background:var(--mw-bg4);border:1px solid var(--mw-b2);border-radius:7px">
<div style="font-size:11px;color:var(--mw-t4);margin-bottom:2px">Empfohlen bei</div>
<div style="font-size:12px;color:var(--mw-t2)"> 2 GB RAM</div>
<div style="display:flex;flex-direction:column;gap:6px;margin-top:2px">
<div style="display:flex;justify-content:space-between;font-size:12px;padding:6px 0;border-bottom:1px solid var(--mw-b1)">
<span style="color:var(--mw-t4)">Empfohlen bei</span>
<span style="color:var(--mw-t2);font-weight:500"> 2 GB RAM</span>
</div>
<div style="padding:8px 12px;background:var(--mw-bg4);border:1px solid var(--mw-b2);border-radius:7px">
<div style="font-size:11px;color:var(--mw-t4);margin-bottom:2px">RAM-Verbrauch</div>
<div style="font-size:12px;color:var(--mw-t2)">~500700 MB</div>
<div style="display:flex;justify-content:space-between;font-size:12px;padding:6px 0;border-bottom:1px solid var(--mw-b1)">
<span style="color:var(--mw-t4)">RAM-Verbrauch</span>
<span style="color:var(--mw-t2);font-weight:500">~500700 MB</span>
</div>
<div style="padding:8px 12px;background:var(--mw-bg4);border:1px solid var(--mw-b2);border-radius:7px">
<div style="font-size:11px;color:var(--mw-t4);margin-bottom:2px">Integration</div>
<div style="font-size:12px;color:var(--mw-t2)">Rspamd Milter</div>
<div style="display:flex;justify-content:space-between;font-size:12px;padding:6px 0;border-bottom:1px solid var(--mw-b1)">
<span style="color:var(--mw-t4)">Integration</span>
<span style="color:var(--mw-t2);font-weight:500">Rspamd Milter</span>
</div>
<div style="padding:8px 12px;background:var(--mw-bg4);border:1px solid var(--mw-b2);border-radius:7px">
<div style="font-size:11px;color:var(--mw-t4);margin-bottom:2px">Signaturen</div>
<div style="font-size:12px;color:var(--mw-t2)">Täglich automatisch</div>
<div style="display:flex;justify-content:space-between;font-size:12px;padding:6px 0">
<span style="color:var(--mw-t4)">Signaturen</span>
<span style="color:var(--mw-t2);font-weight:500">Täglich automatisch</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>