Update app.py

app.py

@@ -453,20 +453,46 @@ if not USE_SLOW_ECHO:
     scheduler_thread = threading.Thread(target=run_scheduler, args=(global_chat_history,), daemon=True)
     scheduler_thread.start()
     
-# Gradio arayüzüne ufak bir CSS değişikliği ekleyin
+# Tüm yazı boyutlarını 0.8rem yapan CSS
 custom_css = """
-.gradio-container {
-    font-size: 0.85rem !important;  /* Genel yazı boyutunu %10 küçült */
-}
-.message-wrap p, .message-wrap div {
-    font-size: 0.8rem !important;  /* Mesaj içindeki yazıları daha küçük yap */
+/* Genel font ayarları */
+.gradio-container, .gradio-container *, .message-wrap, .message-wrap p, .message-wrap div, 
+button, input, select, textarea {
+    font-family: 'Segoe UI', 'SF Pro Text', 'Roboto', -apple-system, BlinkMacSystemFont, 
+                 'Helvetica Neue', Arial, sans-serif !important;
+    font-size: 0.8rem !important;  /* Tüm yazı boyutlarını 0.8rem yap */
 }
+
+/* Input alanı için de aynı boyut */
 .message-textbox textarea {
-    font-size: 0.8rem !important;  /* Mesaj yazma alanındaki yazıları küçült */
+    font-size: 0.8rem !important;
+}
+
+/* Başlıklar için özel boyutlar */
+h1 {
+    font-size: 1.4rem !important;  /* Başlıklar için biraz daha büyük */
+    font-weight: 600 !important;
+}
+
+h2 {
+    font-size: 1.2rem !important;
+    font-weight: 600 !important;
+}
+
+h3 {
+    font-size: 1rem !important;
+    font-weight: 600 !important;
+}
+
+/* Daha net yazılar için text rendering */
+* {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-rendering: optimizeLegibility;
 }
 """
 
-# ChatInterface'i oluştururken CSS ekleyin
+# Demo arayüzüne CSS'i ekleyin
 demo = gr.ChatInterface(
     fn=chat_fn,
     title="Trek Asistanı",
@@ -476,7 +502,7 @@ demo = gr.ChatInterface(
     flagging_options=["Doğru", "Yanlış", "Emin değilim", "Diğer"],
     save_history=True,
     autoscroll=True,
-    css=custom_css  # CSS'i buraya ekleyin
+    css=custom_css
 )
 
 if __name__ == "__main__":