Update app.py

app.py

@@ -197,25 +197,30 @@ def main():
         display: block;
         margin: 0 auto;
     }
+
+    .logo-image {
+    max-height: 80px;
+    width: auto;
+    display: inline-block;
+    }
+
     """
     
     logo_path = "Equinix-LOGO.jpeg"  # Make sure this file exists or update the path
     
     # Create Gradio UI
     with gr.Blocks(css=custom_css) as ui:
-
-         # Create a header container first
         with gr.Row(elem_id="header-container"):
-            # Check if logo exists before trying to display it
-            if os.path.exists(logo_path):
-                gr.Image(logo_path, elem_id="logo-image", show_label=False)
-            else:
-                gr.Markdown("<h2 style='text-align: center; width: 100%;'>Equinix</h2>")
-                print(f"Warning: Logo file {logo_path} not found")
-    
-        # The rest of your UI components go here
-        with gr.Row():
-            gr.Markdown("## Your application content goes here")
+            with gr.Column(elem_id="logo-wrapper"):
+                if os.path.exists(logo_path):
+                    # Using HTML component for more control over image rendering
+                    gr.HTML(f'<img src="file/{logo_path}" class="logo-image" alt="Equinix Logo">')
+                    # Debug message to console
+                    print(f"Logo file found at {os.path.abspath(logo_path)}")
+                else:
+                    gr.Markdown("<h2>Equinix</h2>")
+                    print(f"Warning: Logo file {logo_path} not found at {os.path.abspath(logo_path)}")
+
     
         
         # Title & Description