React-Group/interstellar_ai
1
1
Fork 2
Code Issues 8 Pull requests Projects Releases Packages Wiki Activity Actions

The css is working again (The responsive will be optimized on a later date)

Browse source
This commit is contained in:
sageTheDM 2024-09-23 16:53:29 +02:00
parent aaedab54cb
commit 637cf60a9b
10 changed files with 246 additions and 161 deletions
Download patch file Download diff file Expand all files Collapse all files

16
app/styles/Settings.css
View file

@ -97,23 +97,23 @@
/* Close button positioning */
.close-popup {
background-color: var(--close-button-color);
color: var(--user-message-text-color);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
padding: 10px 20px;
background: var(--close-button-color); /* Use variable for close button color */
color: white; /* Use white for text color */
border: none;
border-radius: 5px;
padding: 5px 10px;
cursor: pointer;
position: absolute; /* Position absolute to top right */
top: 20px; /* Distance from top */
right: 20px; /* Distance from right */
position: absolute; /* Position the button absolutely */
top: 10px; /* Distance from the top */
right: 10px; /* Distance from the right */
transition: background 0.3s;
}
.close-popup:hover {
background-color: var(--close-button-hover-color); /* Darker red on hover */
background: darkred; /* Optional hover effect */
}
/* Additional styles for inputs and options */
.settings-option {
margin-bottom: 20px; /* Adds space between each setting option */