Update app.py

app.py

@@ -181,28 +181,21 @@ def main():
 
 # Define custom CSS to style the logo across the entire header
     custom_css = """
-   {
+    #header-container {
         width: 100%;
         background-color: #fff;
-        padding: 10px 0;
+        padding: 15px 0;
         margin-bottom: 20px;
-        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
-    }
-    
-    #logo-image {
-        width: 100%;
-        height: auto;
-        max-height: 80px;
-        object-fit: contain;
-        display: block;
-        margin: 0 auto;
-    }
+        text-align: center;
+        }
 
     .logo-image {
-    max-height: 80px;
-    width: auto;
-    display: inline-block;
-    }
+        max-width: 100%;
+        height: auto; /* This ensures the aspect ratio is maintained */
+        max-height: none; /* Remove the height restriction */
+        display: block;
+        margin: 0 auto;
+        }
 
     """
     
@@ -211,16 +204,13 @@ def main():
     # Create Gradio UI
     with gr.Blocks(css=custom_css) as ui:
         with gr.Row(elem_id="header-container"):
-            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)}")
-
+            if os.path.exists(logo_path):
+                # Using HTML for direct control over the image
+                gr.HTML(f'<img src="file/{logo_path}" class="logo-image" alt="Equinix Logo">')
+                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")
     
         
         # Title & Description