MAis layout

app.py

@@ -492,7 +492,7 @@ def remove_custom_lora():
 run_lora.zerogpu = True
 
 css = '''
-body {
+.main-container {
     font-family: sans-serif;
     margin: 0;
     padding: 0;
@@ -598,17 +598,17 @@ a:hover {
 }
 '''
 
-with gr.Blocks(css=css, delete_cache=(60, 60)) as app:
+with gr.Blocks(css=css, elem_id="main-container", delete_cache=(60, 60)) as app:
     title = gr.HTML(
         """<img src="https://collos.com.br/wp-content/uploads/2024/12/collos_p.png" alt="Logo" style="display: block; margin: 0 auto; padding: 5px 0px 20px 0px; width: 200px;" />""",
         elem_id="title",
     )
     selected_index = gr.State(None)
-    with gr.Row():
+    with gr.Row(css=css, elem_id="container"):
         with gr.Column(scale=3):
             prompt = gr.Textbox(label="Prompt", lines=1, placeholder=":/ Selecione o modelo ")
         with gr.Column(scale=1, elem_id="gen_column"):
-            generate_button = gr.Button("Generate", variant="primary", elem_id="gen_btn")
+            generate_button = gr.Button("Gerar Imagem", variant="primary", elem_id="cta")
     with gr.Row():
         with gr.Column():
             selected_info = gr.Markdown("")
@@ -616,15 +616,15 @@ with gr.Blocks(css=css, delete_cache=(60, 60)) as app:
                 [(item["image"], item["title"]) for item in loras],
                 allow_preview=False,
                 columns=3,
-                elem_id="gallery",
+                elem_id="container",
                 show_share_button=False
             )
-            with gr.Group():
+            with gr.Group(elem_id="container"):
                 custom_lora = gr.Textbox(label="Selecione um Modelo Externo", placeholder="prithivMLmods/Canopus-LoRA-Flux-Anime")
                 gr.Markdown("[Cheque a lista de modelos do Huggingface](https://huggingface.co/models?other=base_model:adapter:black-forest-labs/FLUX.1-dev)", elem_id="lora_list")
             custom_lora_info = gr.HTML(visible=False)
             custom_lora_button = gr.Button("Remova modelo Externo", visible=False)
-        with gr.Column():
+        with gr.Column(elem_id="container"):
             progress_bar = gr.Markdown(elem_id="progress",visible=False)
             result = gr.Image(label="Imagem Gerada")