snxraven/ravenscott-blog
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update AI page

Browse Source
This commit is contained in:
Raven Scott 2024-10-02 04:38:56 -04:00
parent 73043cdac0
commit 939c5668a0
1 changed files with 52 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
views/chat.ejs
View File

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