Spaces:

ArielDrabkin
/

Solar-Panel-Detector

Running

Ariel commited on Dec 17, 2023

Commit

5a01705

1 Parent(s): 5151111

adjust image

Files changed (1) hide show

app.py CHANGED Viewed

@@ -147,10 +147,10 @@ with gr.Blocks(theme="HaleyCH/HaleyCH_Theme", title="Solar Panel Detector", css=
     # add logo
     gr.Markdown("# **Solar Panel Detector 2.0** 🛰️☀️", elem_classes="centered-text")
     with gr.Column(scale=1, variant="default"):
-        gr.HTML(f"""
-                <div style='text-align: center;'>
                     <img src='https://github.com/ArielDrabkin/Solar-Panel-Detector/blob/master/deployment/examples/DALL-E.jpeg?raw=true'
-                     height='500' width='1200';'/>
                 </div>
                 """)
     gr.Markdown("## This app provides the ability to detect solar panels in a given address or a given image.")

     # 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>
                 """)
     gr.Markdown("## This app provides the ability to detect solar panels in a given address or a given image.")