Update app.py

app.py

@@ -2,7 +2,7 @@ import os
 import requests
 import gradio as gr
 
-# Gemini API key
+# 🔑 Gemini API key
 gemini_api_key = os.getenv("GEMINI_API_KEY")
 if gemini_api_key is None:
     raise ValueError("⚠️ GEMINI_API_KEY тохируулаагүй байна!")
@@ -25,26 +25,35 @@ def chat(prompt, history=[]):
     history.append((prompt, reply))
     return history, history
 
-# Custom CSS for chat design
+# Custom CSS for ChatGPT-like design
 css = """
-.gradio-container {background-color: #0d1117 !important; color: #e6edf3;}
-h1, h3, h4, label {color: #00d9ff !important;}
+.gradio-container {background-color: #0d1117 !important; color: #e6edf3; font-family: 'Segoe UI', sans-serif;}
+h1 {color:#00d9ff; font-size:2em; display:flex; align-items:center;}
 textarea, input {background-color:#161b22 !important; color:#fff !important; border-radius:10px;}
 button {background-color:#00d9ff !important; color:#000 !important; font-weight:bold; border-radius:10px;}
-.gradio-chatbot-message.user {background-color:#0f2c54; color:#fff; border-radius:15px; padding:10px;}
-.gradio-chatbot-message.bot {background-color:#1f1f1f; color:#00d9ff; border-radius:15px; padding:10px;}
+.gradio-chatbot-message.user {background-color:#0f2c54; color:#fff; border-radius:15px; padding:10px; margin:5px 0;}
+.gradio-chatbot-message.bot {background-color:#1f1f1f; color:#00d9ff; border-radius:15px; padding:10px; margin:5px 0;}
+.chat-header {display:flex; align-items:center; gap:10px;}
+.chat-header img {height:50px; width:50px; border-radius:10px;}
 """
 
-# Gradio interface
+# Logo file (Space-д upload хийнэ)
+logo_path = "logo.png"  # өөрийн logo файл нэрийг оруулна
+
 with gr.Blocks(css=css, theme=gr.themes.Soft()) as app:
-    gr.Markdown("## 🚀 ZeppFusion AI — Gemini Chat Only")
+    # Header with logo and app name
+    with gr.Row(elem_classes="chat-header"):
+        gr.Image(value=logo_path, show_label=False)
+        gr.Markdown("## ZeppFusion")
+
     chatbot = gr.Chatbot()
     msg = gr.Textbox(placeholder="Таны асуулт...")
     clear = gr.Button("🗑️ Clear History")
 
+    # Submit chat
     msg.submit(chat, [msg, chatbot], [chatbot, chatbot])
     
-    # Clear button
+    # Clear chat history
     clear.click(lambda: [], None, chatbot)
 
 if __name__ == "__main__":