Update app.py

app.py

@@ -71,10 +71,14 @@ with gr.Blocks(title="DeepV for RTL (Model-Agnostic)", theme=gr.themes.Soft()) a
                 )
             
         with gr.Column(scale=3):
-            # --- DeepV Logo and "Output" text ---
-            with gr.Row(elem_id="logo-row"): # Changed ID for clarity
-                # Display the logo directly using gr.Image
-                gr.Image("DeepV_logo.png", width=250, height=70, show_label=False, elem_id="deepv-logo")
+            # --- 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>
+            """)
             
             out_code = gr.Textbox(
                 label="Generated Verilog",
@@ -153,16 +157,22 @@ with gr.Blocks(title="DeepV for RTL (Model-Agnostic)", theme=gr.themes.Soft()) a
             letter-spacing: 1px;
         }
 
-        /* Simplified logo row styling */
-        #logo-row {
+        /* Custom Logo Container Styling */
+        #custom-logo-container {
             display: flex;
+            justify-content: center; /* Center the logo horizontally */
             align-items: center;
-            justify-content: center;
-            margin-bottom: 10px;
-            height: 80px; 
+            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 {
+        #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;
@@ -175,7 +185,7 @@ with gr.Blocks(title="DeepV for RTL (Model-Agnostic)", theme=gr.themes.Soft()) a
 
         #copy-button {
             position: absolute;
-            top: 80px;
+            top: 80px; /* Adjust top to be closer to output window */
             right: 20px;
             z-index: 1000;
             background-color: #F0F0F0;