Update app.py
Browse files
app.py
CHANGED
|
@@ -19,7 +19,35 @@ demo = gr.Interface(
|
|
| 19 |
fn=CustomChatGPT,
|
| 20 |
inputs=gr.Textbox(label="Insert jargon here (ask a question):", placeholder="E.g. What are gas fees?"),
|
| 21 |
outputs=gr.Textbox(label="Get a simple answer in return:"),
|
| 22 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 23 |
title="Web(GPT)3"
|
| 24 |
)
|
| 25 |
|
|
|
|
| 19 |
fn=CustomChatGPT,
|
| 20 |
inputs=gr.Textbox(label="Insert jargon here (ask a question):", placeholder="E.g. What are gas fees?"),
|
| 21 |
outputs=gr.Textbox(label="Get a simple answer in return:"),
|
| 22 |
+
css="""
|
| 23 |
+
body { /* Modify the background color of the entire interface */
|
| 24 |
+
background-color: #f2f2f2;
|
| 25 |
+
}
|
| 26 |
+
.input_text, .output_text { /* Change input and output textboxes styles */
|
| 27 |
+
color: #4b4b4b;
|
| 28 |
+
background-color: #e8e8e8;
|
| 29 |
+
font-family: 'Arial', sans-serif;
|
| 30 |
+
font-size: 16px;
|
| 31 |
+
border-radius: 5px; /* Add rounded corners to the textboxes */
|
| 32 |
+
}
|
| 33 |
+
.input_label, .output_label { /* Change the style of input and output labels */
|
| 34 |
+
color: #3a3a3a;
|
| 35 |
+
font-family: 'Arial', sans-serif;
|
| 36 |
+
font-size: 18px;
|
| 37 |
+
font-weight: bold;
|
| 38 |
+
}
|
| 39 |
+
.button { /* Change the style of the submit button */
|
| 40 |
+
background-color: #007BFF;
|
| 41 |
+
color: white;
|
| 42 |
+
font-family: 'Arial', sans-serif;
|
| 43 |
+
font-size: 16px;
|
| 44 |
+
border-radius: 5px; /* Add rounded corners to the button */
|
| 45 |
+
}
|
| 46 |
+
.button:hover { /* Change the style of the submit button on hover */
|
| 47 |
+
background-color: #0056b3;
|
| 48 |
+
}
|
| 49 |
+
""",
|
| 50 |
+
)
|
| 51 |
title="Web(GPT)3"
|
| 52 |
)
|
| 53 |
|