Can you fix input container too ? - What wind.surf will do ?
Browse files
app.py
CHANGED
|
@@ -84,6 +84,25 @@ demo = gr.ChatInterface(
|
|
| 84 |
box-shadow: 0 0 15px rgba(33, 150, 243, 0.5);
|
| 85 |
background-color: #BBDEFB;
|
| 86 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 87 |
"""
|
| 88 |
)
|
| 89 |
|
|
|
|
| 84 |
box-shadow: 0 0 15px rgba(33, 150, 243, 0.5);
|
| 85 |
background-color: #BBDEFB;
|
| 86 |
}
|
| 87 |
+
.input-container, .gradio-container .input-container {
|
| 88 |
+
border: 4px solid #2196F3;
|
| 89 |
+
border-radius: 12px;
|
| 90 |
+
padding: 15px;
|
| 91 |
+
background-color: #E3F2FD;
|
| 92 |
+
box-shadow: 0 0 10px rgba(33, 150, 243, 0.3);
|
| 93 |
+
margin: 10px 0;
|
| 94 |
+
}
|
| 95 |
+
.input-container textarea, .input-container input[type="text"] {
|
| 96 |
+
background-color: #E3F2FD;
|
| 97 |
+
border: 2px solid #2196F3;
|
| 98 |
+
border-radius: 8px;
|
| 99 |
+
padding: 10px;
|
| 100 |
+
}
|
| 101 |
+
.input-container textarea:focus, .input-container input[type="text"]:focus {
|
| 102 |
+
background-color: #BBDEFB;
|
| 103 |
+
border-color: #1976D2;
|
| 104 |
+
outline: none;
|
| 105 |
+
}
|
| 106 |
"""
|
| 107 |
)
|
| 108 |
|