Create static/app.css

app.py

@@ -95,7 +95,9 @@ assert css_fn.exists() and css_fn.is_file(), f"CSS file not found: {css_fn}"
 with gr.Blocks(css=str(css_fn), theme=gr.themes.Soft()) as demo:
     chat_id = gr.State(value=get_chat_id)
     history_en = gr.State(value=[])
-    history_bo = gr.Chatbot(label="Tibetan Chatbot", elem_id="maiChatHistory")
+    history_bo = gr.Chatbot(label="Tibetan Chatbot", elem_id="maiChatHistory").style(
+        height=650
+    )
 
     input_bo = gr.Textbox(
         show_label=False,

static/app.css

@@ -0,0 +1,17 @@
+#maiChatHistory .message-wrap div {
+    font-size: 30px;
+}
+
+#maiChatInput textarea {
+    font-size: 30px
+}
+
+@media screen and (min-width: 768px) {
+    #maiChatInput textarea {
+        font-size: 20px
+    }
+
+    #maiChatHistory .message-wrap div {
+        font-size: 20px;
+    }
+}