update AI page

This commit is contained in:
Raven Scott 2024-10-02 04:38:56 -04:00
parent 73043cdac0
commit 939c5668a0

View File

@ -74,16 +74,13 @@
}
/* Ensure transparent background for the alert's parent container */
#success-alert,
#error-alert {
background-color: transparent;
/* Remove any background color */
#success-alert, #error-alert {
background-color: transparent; /* Remove any background color */
}
/* Success Alert - Blue Theme with no extra background */
.alert-success {
background-color: #007bff;
/* Blue background for success */
background-color: #007bff; /* Blue background for success */
color: white;
border: none;
padding: 10px 20px;
@ -92,15 +89,13 @@
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
/* Start hidden */
opacity: 0; /* Start hidden */
transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
/* Error Alert - Maroon Red Theme */
.alert-danger {
background-color: #800000;
/* Red background for error */
background-color: #800000; /* Red background for error */
color: white;
border: none;
padding: 10px 20px;
@ -109,26 +104,17 @@
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
/* Start hidden */
opacity: 0; /* Start hidden */
transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
/* Common alert styles */
/* Common alert styles */
.alert {
position: fixed;
top: 20px;
/* Adjust to your preferred vertical location */
left: 45%;
/* This centers the alert horizontally */
top: 20px; /* Adjust to your preferred location */
left: 50%;
transform: translateX(-50%);
/* This ensures the alert is exactly centered */
z-index: 9999;
/* Ensure it stays on top */
opacity: 0;
/* Start hidden */
transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
z-index: 9999; /* Ensure it stays on top */
}
/* Fade in animation */