Update app.py

app.py

@@ -100,18 +100,39 @@ def infer(video_in):
 
     return final_vid, files
 
+title="""
+<div style="text-align: center; max-width: 500px; margin: 0 auto;">
+        <div
+        style="
+            display: inline-flex;
+            align-items: center;
+            gap: 0.8rem;
+            font-size: 1.75rem;
+            margin-bottom: 10px;
+        "
+        >
+        <h1 style="font-weight: 600; margin-bottom: 7px;">
+            Video to Canny Edge
+        </h1>
+        </div>
+       
+    </div>
+"""
+
 with gr.Blocks() as demo:
-    with gr.Row():
-        with gr.Column():
-            video_input = gr.Video(source="upload", type="filepath")
-            gif_input = gr.File(label="import a GIF instead", file_types=['.gif'])
-            gif_input.change(fn=convertG2V, inputs=gif_input, outputs=video_input)
-            submit_btn = gr.Button("Submit")
+    with gr.Column():
+        gr.HTML(title)
+        with gr.Row():
+            with gr.Column():
+                video_input = gr.Video(source="upload", type="filepath")
+                gif_input = gr.File(label="import a GIF instead", file_types=['.gif'])
+                gif_input.change(fn=convertG2V, inputs=gif_input, outputs=video_input)
+                submit_btn = gr.Button("Submit")
             
-        with gr.Column():
-            video_output = gr.Video()
-            file_output = gr.Files()
+            with gr.Column():
+                video_output = gr.Video()
+                file_output = gr.Files()
 
-        submit_btn.click(fn=infer, inputs=[video_input], outputs=[video_output, file_output])
+    submit_btn.click(fn=infer, inputs=[video_input], outputs=[video_output, file_output])
 
 demo.launch()