From 7628da6a32c62f6912640e6e578510578a9e76e1 Mon Sep 17 00:00:00 2001
From: "Joseph.Rawlings" <root0091@gmail.com>
Date: Mon, 1 Dec 2025 13:14:03 -0500
Subject: [PATCH] style: update error message display in Proxmox firewall view
 for improved centering and visual hierarchy

---
 extensions/Servers/Proxmox/views/firewall.blade.php | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/extensions/Servers/Proxmox/views/firewall.blade.php b/extensions/Servers/Proxmox/views/firewall.blade.php
index 2dc9a6f0a..fcadc826d 100644
--- a/extensions/Servers/Proxmox/views/firewall.blade.php
+++ b/extensions/Servers/Proxmox/views/firewall.blade.php
@@ -51,14 +51,14 @@
 </style>
 
 <div class="space-y-6">
-    <!-- Error Message - Top of Page -->
+    <!-- Error Message - Centered on Page -->
     @if($error)
-        <div class="flex justify-center">
-            <div class="bg-error/20 border-2 border-error rounded-lg p-4 shadow-lg max-w-2xl w-full">
+        <div class="fixed inset-0 flex items-center justify-center z-50 bg-black/50 backdrop-blur-sm" wire:click="$set('error', '')">
+            <div class="bg-error/20 border-2 border-error rounded-lg p-6 shadow-lg max-w-2xl w-full mx-4" wire:click.stop>
                 <div class="flex items-start gap-3">
-                    <x-ri-error-warning-fill class="size-5 text-error flex-shrink-0 mt-0.5" />
+                    <x-ri-error-warning-fill class="size-6 text-error flex-shrink-0 mt-0.5" />
                     <div class="flex-1 text-center">
-                        <h3 class="text-base font-semibold text-error mb-1">Firewall Error</h3>
+                        <h3 class="text-lg font-semibold text-error mb-2">Firewall Error</h3>
                         <p class="text-sm text-error/90 leading-relaxed">{{ $error }}</p>
                     </div>
                     <button