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 |
|