React-Group/ai-virtual-assistant
Archived
3
2
Fork 2
Code Issues 24 Pull requests Projects Releases Packages Wiki Activity Actions

Tried to add the contact form --> js is not working atm

Browse source
This commit is contained in:
sageTheDM 2024-09-16 16:44:30 +02:00
parent f536885785
commit 01fadc2ccf
5 changed files with 143 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

43
py/static/styles.css
View file

@ -249,4 +249,45 @@ header a:hover {
}
.input button:hover {
background-color: var(--input-button-hover-color);
}
}
/* Form styling */
form {
max-width: 600px;
margin: 0 auto;
background: var(--input-background-color); /* Use the input background color variable */
padding: 20px;
border-radius: 2em; /* Match the border radius used in other sections */
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
}
form label {
color: var(--text-color); /* Use the text color variable */
display: block; /* Ensure labels are block elements */
margin-bottom: 5px; /* Add some space below labels */
}
form input,
form textarea {
color: var(--text-color); /* Use the text color variable */
background-color: var(--history-background-color); /* Use a contrasting background */
border: 1px solid var(--input-button-color); /* Use the input button color for borders */
border-radius: 4px;
width: 100%;
padding: 10px;
margin-bottom: 15px;
}
form button {
background-color: var(--input-button-color); /* Use the input button color */
color: var(--background-color); /* Use the background color for text */
border: none;
padding: 10px 20px;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.3s; /* Smooth transition for hover effect */
}
form button:hover {
background-color: var(--input-button-hover-color); /* Use the hover color variable */
}