Layout changes, fixed inversion input

README.md

@@ -4,7 +4,7 @@ emoji: 🌖
 colorFrom: blue
 colorTo: gray
 sdk: gradio
-sdk_version: 3.0b6
+sdk_version: 3.0b8
 app_file: app.py
 pinned: false
 license: mit

app.py

@@ -129,7 +129,7 @@ class ImageEditor(object):
         return style_list
 
     def invert_image(self, input_image):
-        input_image = self.run_alignment(str(input))
+        input_image = self.run_alignment(str(input_image))
         
         input_image = input_image.resize(self.resize_dims)
 
@@ -161,6 +161,7 @@ class ImageEditor(object):
         with_editing,       # Apply latent space editing to the generated video
         video_format        # Choose gif to display in browser, mp4 for higher-quality downloadable video
     ):  
+
         # @title Align image
         out_dir = Path(tempfile.mkdtemp())
         out_path = out_dir / "out.jpg"
@@ -274,24 +275,25 @@ with blocks:
     # img_button.click(fn=editor.predict, inputs=[input_img, style_choice, video_choice, edit_choice, vid_format_choice], outputs=img_output)
     # vid_button.click(fn=editor.predict, inputs=[input_img, style_choice, video_choice, edit_choice, vid_format_choice], outputs=vid_output)
     
-    input_img = gr.inputs.Image(type="filepath", label="Input image")
-
     with gr.Row():
+        input_img = gr.inputs.Image(type="filepath", label="Input image")    
         style_choice = gr.inputs.CheckboxGroup(choices=editor.get_style_list(), type="value", label="Choose your styles!")
 
     with gr.Tabs():
         with gr.TabItem("Edit Images"):
-            with gr.Row():
-                    img_button = gr.Button("Edit Image")
-                    img_output = gr.outputs.Image(type="file")
+            with gr.Column():
+                img_button = gr.Button("Edit Image")
+            with gr.Column():
+                img_output = gr.outputs.Image(type="file")
             
         with gr.TabItem("Create Video"):
-            with gr.Row():
-                edit_choice       = gr.inputs.Checkbox(default=False, label="With latent space editing?", optional=False)
-                vid_format_choice = gr.inputs.Radio(choices=["gif", "mp4"], type="value", default='mp4', label="Video Format")
-
-            with gr.Row():
-                vid_button = gr.Button("Generate Video")
+            with gr.Column():
+                with gr.Row():
+                    edit_choice       = gr.inputs.Checkbox(default=False, label="With latent space editing?", optional=False)
+                    vid_format_choice = gr.inputs.Radio(choices=["gif", "mp4"], type="value", default='mp4', label="Video Format")
+                    vid_button = gr.Button("Generate Video")
+            
+            with gr.Column():
                 vid_output = gr.outputs.Video()
 
     img_button.click(fn=editor.edit_image, inputs=[input_img, style_choice], outputs=img_output)