From ab5bf00625ac06c342c9fa9064395e6afefb5d69 Mon Sep 17 00:00:00 2001
From: MacRimi <ricoextincion@gmail.com>
Date: Sun, 9 Mar 2025 11:33:48 +0100
Subject: [PATCH] Update web whit security notices

---
 web/app/docs/installation/page.tsx | 28 +++++++++++++++-------------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/web/app/docs/installation/page.tsx b/web/app/docs/installation/page.tsx
index e7ba6b8..b406081 100644
--- a/web/app/docs/installation/page.tsx
+++ b/web/app/docs/installation/page.tsx
@@ -19,19 +19,21 @@ export default function InstallationPage() {
       </div>
 
             {/* Security Notice */}
-      <div className="my-4 text-sm">
-        <p className="flex items-center mb-2">
-          <AlertTriangle className="h-4 w-4 text-yellow-500 mr-2 flex-shrink-0" />
-          <span>Be careful when copying scripts from the internet. Always remember to check the source!</span>
-        </p>
-        <p className="flex items-center mb-2">
-          <FileCode className="h-4 w-4 text-blue-500 mr-2 flex-shrink-0" />
-          <span>You can <a href="https://github.com/MacRimi/ProxMenux/blob/main/install_proxmenux.sh" className="text-blue-600 hover:underline" target="_blank" rel="noopener noreferrer">review the source code</a> before execution.</span>
-        </p>
-        <p className="flex items-center">
-          <Shield className="h-4 w-4 text-green-500 mr-2 flex-shrink-0" />
-          <span>All executable links follow our <a href="https://github.com/MacRimi/ProxMenux?tab=coc-ov-file#-2-security--code-responsibility" className="text-blue-600 hover:underline" target="_blank" rel="noopener noreferrer">Code of Conduct</a>.</span>
-        </p>
+      <div className="bg-white border rounded-lg shadow-sm p-4 my-4">        
+        <div className="my-4 text-sm">
+          <p className="flex items-center mb-2">
+            <AlertTriangle className="h-4 w-4 text-yellow-500 mr-2 flex-shrink-0" />
+            <span>Be careful when copying scripts from the internet. Always remember to check the source!</span>
+          </p>
+          <p className="flex items-center mb-2">
+            <FileCode className="h-4 w-4 text-blue-500 mr-2 flex-shrink-0" />
+            <span>You can <a href="https://github.com/MacRimi/ProxMenux/blob/main/install_proxmenux.sh" className="text-blue-600 hover:underline" target="_blank" rel="noopener noreferrer">review the source code</a> before execution.</span>
+          </p>
+          <p className="flex items-center">
+            <Shield className="h-4 w-4 text-green-500 mr-2 flex-shrink-0" />
+            <span>All executable links follow our <a href="https://github.com/MacRimi/ProxMenux?tab=coc-ov-file#-2-security--code-responsibility" className="text-blue-600 hover:underline" target="_blank" rel="noopener noreferrer">Code of Conduct</a>.</span>
+          </p>
+        </div>
       </div>
 
       <p className="mb-4">During installation, ProxMenux will automatically install and configure the following dependencies:</p>