From a6fb6bbb3d377ece88f6a515c090a85b1161bf8d Mon Sep 17 00:00:00 2001
From: Raven Scott <raven@ssh.surf>
Date: Wed, 2 Oct 2024 04:11:27 -0400
Subject: [PATCH] update AI page

---
 views/chat.ejs | 52 ++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 52 insertions(+)

diff --git a/views/chat.ejs b/views/chat.ejs
index 48839ac..06558e7 100644
--- a/views/chat.ejs
+++ b/views/chat.ejs
@@ -85,6 +85,58 @@
             /* Center flex items vertically (if needed) */
         }
 
+        /* Success Alert - Blue Theme */
+        .alert-success {
+            background-color: #007bff;
+            /* Blue background similar to your button */
+            color: white;
+            /* White text */
+            border: none;
+            /* Remove border */
+            padding: 10px 20px;
+            /* Padding for spacing */
+            border-radius: 5px;
+            /* Rounded corners */
+            text-align: center;
+            /* Center text */
+            display: flex;
+            /* Flex layout */
+            justify-content: center;
+            /* Center horizontally */
+            align-items: center;
+            /* Center vertically */
+        }
+
+        /* Error Alert - Maroon Red Theme */
+        .alert-danger {
+            background-color: #800000;
+            /* Maroon red background */
+            color: white;
+            /* White text */
+            border: none;
+            /* Remove border */
+            padding: 10px 20px;
+            /* Padding for spacing */
+            border-radius: 5px;
+            /* Rounded corners */
+            text-align: center;
+            /* Center text */
+            display: flex;
+            /* Flex layout */
+            justify-content: center;
+            /* Center horizontally */
+            align-items: center;
+            /* Center vertically */
+        }
+
+        /* Common alert styles */
+        .alert {
+            margin-top: 10px;
+            /* Add margin at the top */
+            font-size: 14px;
+            /* Adjust the font size for readability */
+        }
+
         .message.user {
             background-color: #3a3a3a;
             color: white;