Update app.py

app.py

@@ -126,7 +126,7 @@ def chat_with_portfolio(message, history):
         return f"Error: {str(e)}"
 
 
-# Fixed CSS for Gradio 5.0 - properly sized icons
+# Fixed CSS for Gradio 5.0 - properly sized icons and full background
 custom_css = """
 @import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600&display=swap');
 
@@ -134,11 +134,29 @@ custom_css = """
     font-family: 'Quicksand', sans-serif !important; 
 }
 
-.gradio-container {
+/* Fix for white space - apply gradient to body and html */
+body, html {
+    margin: 0 !important;
+    padding: 0 !important;
+    height: 100% !important;
     background: linear-gradient(135deg, #a78bfa 0%, #6366f1 50%, #3b82f6 100%) !important;
     background-attachment: fixed !important;
 }
 
+.gradio-container {
+    background: transparent !important;
+    min-height: 100vh !important;
+}
+
+.main {
+    background: transparent !important;
+}
+
+/* Make the app container fill the space */
+.app {
+    background: transparent !important;
+}
+
 /* Chat messages */
 .message-wrap {
     background: rgba(255, 255, 255, 0.15) !important;
@@ -224,6 +242,14 @@ button[type="submit"],
 .chatbot {
     background: rgba(255, 255, 255, 0.05) !important;
     border-radius: 20px !important;
+    min-height: 400px !important;
+}
+
+/* Center and constrain the content */
+.contain {
+    max-width: 1200px !important;
+    margin: 0 auto !important;
+    padding: 20px !important;
 }
 
 /* Hide footer */
@@ -240,22 +266,23 @@ button * img {
 """
 
 with gr.Blocks(theme=gr.themes.Soft(), css=custom_css) as demo:
-    gr.Markdown(
-        "<h1 style='text-align: center; color: white; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);'>🐈‍⬛ Chat with Adda-Bot</h1>"
-    )
-    
-    gr.ChatInterface(
-        fn=chat_with_portfolio,
-        description="<span style='color: white; font-weight: 600;'>Ask me anything about Adda's portfolio!</span>",
-        examples=[
-            "What is Adda's experience with Python?",
-            "Tell me about her education.",
-            "What projects has Adda worked on?"
-        ],
-        type="messages",
-        textbox=gr.Textbox(placeholder="Ask about Adda's portfolio...", scale=7),
-        submit_btn="Send",
-    )
+    with gr.Column():
+        gr.Markdown(
+            "<h1 style='text-align: center; color: white; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); margin-top: 20px;'>🐈‍⬛ Chat with Adda-Bot</h1>"
+        )
+        
+        gr.ChatInterface(
+            fn=chat_with_portfolio,
+            description="<span style='color: white; font-weight: 600;'>Ask me anything about Adda's portfolio!</span>",
+            examples=[
+                "What is Adda's experience with Python?",
+                "Tell me about her education.",
+                "What projects has Adda worked on?"
+            ],
+            type="messages",
+            textbox=gr.Textbox(placeholder="Ask about Adda's portfolio...", scale=7),
+            submit_btn="Send",
+        )
 
 if __name__ == "__main__":
     demo.launch()