updating logo bugs

app.py

@@ -71,14 +71,9 @@ with gr.Blocks(title="DeepV for RTL (Model-Agnostic)", theme=gr.themes.Soft()) a
                 )
             
         with gr.Column(scale=3):
-            # --- DeepV Logo using gr.HTML for full control ---
-            # This HTML block contains the logo as a simple <img> tag.
-            # We'll style it using CSS to remove the Gradio default wrapping.
-            gr.HTML("""
-                <div id="custom-logo-container">
-                    <img src="file=DeepV_logo.png" alt="DeepV Logo" id="deepv-logo-html">
-                </div>
-            """)
+            # --- DeepV Logo using gr.Image and CSS for styling ---
+            with gr.Row(elem_id="logo-row"):
+                gr.Image("DeepV_logo.png", width=300, height=85, show_label=False, elem_id="deepv-logo")
             
             out_code = gr.Textbox(
                 label="Generated Verilog",
@@ -157,35 +152,37 @@ with gr.Blocks(title="DeepV for RTL (Model-Agnostic)", theme=gr.themes.Soft()) a
             letter-spacing: 1px;
         }
 
-        /* Custom Logo Container Styling */
-        #custom-logo-container {
+        /* Target and hide the Gradio UI elements around the image */
+        #deepv-logo > .gr-image-container,
+        #deepv-logo > .gr-image-label {
+            display: none !important;
+        }
+
+        #deepv-logo {
+            border: none !important;
+            box-shadow: none !important;
+            height: 90px !important; /* Adjust height to match the larger image */
             display: flex;
-            justify-content: center; /* Center the logo horizontally */
+            justify-content: center;
             align-items: center;
-            margin-bottom: 10px; /* Space between logo and output box */
-            height: 90px; /* Give enough height for the larger logo */
-            background-color: transparent; /* Ensure no white box around it */
-            border: none; /* Remove any border */
-            box-shadow: none; /* Remove any shadow */
         }
 
-        #deepv-logo-html {
-            width: 300px; /* Make the logo bigger */
-            height: 85px; /* Adjust height accordingly */
-            object-fit: contain; /* Ensure logo scales properly */
-            padding: 0;
-            margin: 0;
-            border: none;
-            box-shadow: none;
+        /* Simplified logo row styling */
+        #logo-row {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin-bottom: 10px;
+            height: 80px; 
         }
-        
+
         #verilog-output {
             position: relative;
         }
 
         #copy-button {
             position: absolute;
-            top: 80px; /* Adjust top to be closer to output window */
+            top: 80px;
             right: 20px;
             z-index: 1000;
             background-color: #F0F0F0;