edit logo

app.py

@@ -1,23 +1,21 @@
 import gradio as gr
-from PIL import Image
 import os
 from SolarPanelDetector import solar_panel_predict, detector
 
+
 custom_css = """
 .feedback textarea {font-size: 20px !important;}
 .centered-text {text-align: center; width: 100%;}
+.center-image {display: flex; justify-content: center; align-items: center;}
 """
+logo_url = 'https://raw.githubusercontent.com/ArielDrabkin/Solar-Panel-Detector/master/deployment/examples/DALL-E.jpeg'
 
 with gr.Blocks(theme="HaleyCH/HaleyCH_Theme", title="Solar Panel Detector", css=custom_css) as app:
     # add logo
     gr.Markdown("# **Solar Panel Detector 2.0** 🛰️☀️", elem_classes="centered-text")
-    with gr.Column(scale=1, variant="default"):
-        gr.HTML("""
-                <div style='display: flex; justify-content: center; align-items: center; height: 100%;'>
-                    <img src='https://github.com/ArielDrabkin/Solar-Panel-Detector/blob/master/deployment/examples/DALL-E.jpeg?raw=true'
-                     height='350' width='700'/>
-                </div>
-                """)
+    # Create an image component
+    with gr.Row(elem_classes="center-image"):
+        gr.Image(logo_url, scale=1, height=350, width=700, show_label=False, show_download_button=False)
     gr.Markdown("## This app provides the ability to detect solar panels in a given address or a given image.")
 
     gr.Markdown("### Using by address with google maps:\n1. Enter an address or geographic coordinates.\n"