From b2296a2b33e61df84cd07c7c4992745759fb3fc4 Mon Sep 17 00:00:00 2001
From: "Joseph.Rawlings" <root0091@gmail.com>
Date: Thu, 4 Dec 2025 11:14:32 -0500
Subject: [PATCH] style: add a new firewall section with enhanced layout and
 visual elements in Proxmox view

---
 .../Servers/Proxmox/views/firewall.blade.php   | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/extensions/Servers/Proxmox/views/firewall.blade.php b/extensions/Servers/Proxmox/views/firewall.blade.php
index cc5ccb418..c0913a05c 100644
--- a/extensions/Servers/Proxmox/views/firewall.blade.php
+++ b/extensions/Servers/Proxmox/views/firewall.blade.php
@@ -1,5 +1,19 @@
 <x-proxmox::layout :server="$server" view="firewall" :status="$status" :status-polling="true" :status-polling-interval="'2s'">
 
+<div class="h-9/10 bg-background-secondary/80 backdrop-blur-md border border-neutral/50 rounded-2xl shadow-xl overflow-hidden">
+    <div class="flex flex-col h-full">
+        <div class="p-6 border-b border-neutral/50">
+            <div class="flex items-center gap-3">
+                <div class="w-10 h-10 bg-gradient-to-br from-primary to-secondary rounded-xl flex items-center justify-center shadow-lg">
+                    <x-ri-shield-line class="w-6 h-6 text-white" />
+                </div>
+                <div>
+                    <h2 class="text-lg font-bold text-foreground">Firewall</h2>
+                </div>
+            </div>
+        </div>
+        <div class="flex-1 overflow-y-auto p-4">
+            
 <style>
     .firewall-toggle-switch {
         position: relative;
@@ -2106,4 +2120,8 @@
 </script>
 @endscript
 
+        </div>
+    </div>
+</div>
+
 </x-proxmox::layout>