Update app.py
Browse files
app.py
CHANGED
|
@@ -34,6 +34,12 @@ with gr.Blocks(css="""
|
|
| 34 |
border: 1px solid #ffcc80; /* Light orange border */
|
| 35 |
background: linear-gradient(135deg, #d1e8e2, #80cbc4); /* Light to dark gradient background */
|
| 36 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 37 |
.response-box textarea {
|
| 38 |
background-color: #e0f7fa; /* Light blue background */
|
| 39 |
color: #000000; /* Black text */
|
|
|
|
| 34 |
border: 1px solid #ffcc80; /* Light orange border */
|
| 35 |
background: linear-gradient(135deg, #d1e8e2, #80cbc4); /* Light to dark gradient background */
|
| 36 |
}
|
| 37 |
+
/* When the input field is focused (clicked), change its border and background color */
|
| 38 |
+
.textbox input:focus, .textbox textarea:focus {
|
| 39 |
+
border-color: #ff7043; /* Change border to a deeper orange */
|
| 40 |
+
background-color: #ffe0b2; /* Light orange background on focus */
|
| 41 |
+
outline: none; /* Remove default outline */
|
| 42 |
+
}
|
| 43 |
.response-box textarea {
|
| 44 |
background-color: #e0f7fa; /* Light blue background */
|
| 45 |
color: #000000; /* Black text */
|