fix: update help modal component to use slots for description and details in firewall management

This commit is contained in:
2025-12-18 08:22:00 -05:00
parent 8fabfd25d6
commit 4e810c17a5
2 changed files with 15 additions and 11 deletions

View File

@@ -194,15 +194,19 @@
class="mb-0">
<x-slot name="actions">
<x-proxmox::ui.help-modal title="Firewall Management" icon="ri-question-line">
<p class="text-sm text-base/90 mb-4">
The Firewall Management interface provides comprehensive control over your virtual machine's network security, including rule-based filtering, IP aliases, and security policies.
</p>
<div class="pt-4 border-t border-neutral/30 space-y-2">
<p class="text-xs text-base/75"><span class="font-semibold text-base/90">Firewall Rules:</span> Create granular rules to allow or block specific traffic patterns.</p>
<p class="text-xs text-base/75"><span class="font-semibold text-base/90">IP Aliases:</span> Define named groups of IP addresses for easier rule management.</p>
<p class="text-xs text-base/75"><span class="font-semibold text-base/90">IP Sets:</span> Manage collections of IP addresses for advanced filtering.</p>
<p class="text-xs text-base/75"><span class="font-semibold text-base/90">Security Logs:</span> Monitor firewall activity and blocked attempts.</p>
</div>
<x-slot name="description">
<p class="text-sm text-base/90 mb-4">
The Firewall Management interface provides comprehensive control over your virtual machine's network security, including rule-based filtering, IP aliases, and security policies.
</p>
</x-slot>
<x-slot name="details">
<div class="space-y-2">
<p class="text-xs text-base/75"><span class="font-semibold text-base/90">Firewall Rules:</span> Create granular rules to allow or block specific traffic patterns.</p>
<p class="text-xs text-base/75"><span class="font-semibold text-base/90">IP Aliases:</span> Define named groups of IP addresses for easier rule management.</p>
<p class="text-xs text-base/75"><span class="font-semibold text-base/90">IP Sets:</span> Manage collections of IP addresses for advanced filtering.</p>
<p class="text-xs text-base/75"><span class="font-semibold text-base/90">Security Logs:</span> Monitor firewall activity and blocked attempts.</p>
</div>
</x-slot>
</x-proxmox::ui.help-modal>
</x-slot>
</x-proxmox::ui.section-header>