Bump to 3.0b2

No more CSS hacks!

README.md

@@ -4,7 +4,7 @@ emoji: 💻
 colorFrom: pink
 colorTo: yellow
 sdk: gradio
-sdk_version: 2.9b23
+sdk_version: 3.0b2
 app_file: app.py
 pinned: false
 license: mit

app.py

@@ -63,10 +63,10 @@ empty = gr.outputs.HTML()
 
 with gr.Blocks() as mindseye:
     gr.Markdown("<h1>MindsEye Lite <small><small>run multiple text-to-image models in one place</small></small></h1><p>MindsEye Lite orchestrates multiple text-to-image models in one Spaces. This work carries the spirit of <a href='https://multimodal.art/mindseye' target='_blank'>MindsEye Beta</a>, but with simplified versions of the models due to current hardware limitations of Spaces. MindsEye Lite was created by <a style='color: rgb(99, 102, 241);font-weight:bold' href='https://twitter.com/multimodalart' target='_blank'>@multimodalart</a>, keep up with the <a style='color: rgb(99, 102, 241);' href='https://multimodal.art/news' target='_blank'>latest multimodal ai art news here</a> and consider <a style='color: rgb(99, 102, 241);' href='https://www.patreon.com/multimodalart' target='_blank'>supporting us on Patreon</a></div></p>")
-    gr.Markdown("<style>h1{margin-bottom:0em !important} .mx-auto.container .gr-form-gap {flex-direction: row; gap: calc(1rem * calc(1 - var(--tw-space-y-reverse)));} .mx-auto.container .gr-form-gap .flex-col, .mx-auto.container .gr-form-gap .gr-box{width: 100%} .svelte-1bwm9qh > .grid {grid-template-columns: repeat(3,minmax(0,1fr));} @media only screen and (max-width: 1000px){.mx-auto.container .gr-form-gap{flex-direction: column}}</style>")
+    #gr.Markdown("<style>h1{margin-bottom:0em !important} .mx-auto.container .gr-form-gap {flex-direction: row; gap: calc(1rem * calc(1 - var(--tw-space-y-reverse)));} .mx-auto.container .gr-form-gap .flex-col, .mx-auto.container .gr-form-gap .gr-box{width: 100%} .svelte-1bwm9qh > .grid {grid-template-columns: repeat(3,minmax(0,1fr));} @media only screen and (max-width: 1000px){.mx-auto.container .gr-form-gap{flex-direction: column}}</style>")
     text = gr.inputs.Textbox(placeholder="Type your prompt to generate an image", label="Prompt - try adding increments to your prompt such as 'a painting of', 'in the style of Picasso'", default="A giant mecha robot in Rio de Janeiro, oil on canvas")
-    with gr.Column():
-        with gr.Row():
+    with gr.Row():
+        with gr.Column():
             with gr.Tabs():
                 with gr.TabItem("Latent Diffusion"):
                     gr.Markdown("<a href='https://huggingface.co/spaces/multimodalart/latentdiffusion' target='_blank'>Latent Diffusion</a> is the state of the art of open source text-to-image models, superb in text synthesis. Sometimes struggles with complex prompts")
@@ -76,11 +76,6 @@ with gr.Blocks() as mindseye:
                     images = gr.inputs.Slider(label="Images - How many images you wish to generate", default=2, step=1, minimum=1, maximum=4)
                     diversity = gr.inputs.Slider(label="Diversity scale - How different from one another you wish the images to be",default=5.0, minimum=1.0, maximum=15.0)
                     get_image_latent = gr.Button("Generate Image",css=css_mt)
-                with gr.TabItem("ruDALLE"):
-                    gr.Markdown("<a href='https://huggingface.co/spaces/multimodalart/rudalle' target='_blank'>ruDALLE</a> is a replication of DALL-E 1 in the russian language. No worries, your prompts will be translated automatically to russian. In case you see an error, try again a few times")
-                    aspect = gr.inputs.Radio(label="Aspect Ratio", choices=["Square", "Horizontal", "Vertical"],default="Square")
-                    model = gr.inputs.Dropdown(label="Model", choices=["Surrealism","Realism", "Emoji"], default="Surrealism")
-                    get_image_rudalle = gr.Button("Generate Image",css=css_mt)
                 with gr.TabItem("VQGAN+CLIP"):
                     gr.Markdown("<a href='https://huggingface.co/spaces/multimodalart/vqgan' target='_blank'>VQGAN+CLIP</a> is the most famous text-to-image generator. Can produce good artistic results")
                     width_vq = gr.inputs.Slider(label="Width", default=256, minimum=32, step=32, maximum=512)
@@ -96,7 +91,12 @@ with gr.Blocks() as mindseye:
                     weight = gr.inputs.Slider(label="Weight - how closely the image should resemble the prompt", default=5, maximum=15, minimum=0, step=1)
                     clip = gr.inputs.Checkbox(label="CLIP Guided - improves coherence with complex prompts, makes it slower")
                     get_image_diffusion = gr.Button("Generate Image",css=css_mt)
-        with gr.Row():
+                with gr.TabItem("ruDALLE"):
+                    gr.Markdown("<a href='https://huggingface.co/spaces/multimodalart/rudalle' target='_blank'>ruDALLE</a> is a replication of DALL-E 1 in the russian language. No worries, your prompts will be translated automatically to russian. In case you see an error, try again a few times")
+                    aspect = gr.inputs.Radio(label="Aspect Ratio", choices=["Square", "Horizontal", "Vertical"],default="Square")
+                    model = gr.inputs.Dropdown(label="Model", choices=["Surrealism","Realism", "Emoji"], default="Surrealism")
+                    get_image_rudalle = gr.Button("Generate Image",css=css_mt)
+        with gr.Column():
             with gr.Tabs():
                 #with gr.TabItem("Image output"):
                 #    image = gr.outputs.Image()