Update app.py

app.py

@@ -10,67 +10,64 @@ API_URL = "https://api-inference.huggingface.co/models/cagliostrolab/animagine-x
 API_TOKEN = os.getenv("HF_READ_TOKEN") # it is free 
 headers = {"Authorization": f"Bearer {API_TOKEN}"}
 
-def query(prompt, is_negative=False, steps=37, cfg_scale=8, seed=None):
+def query(prompt, is_negative=False, width, height, steps=37, cfg_scale=8, seed=None):
     payload = {
         "inputs": prompt,
         "is_negative": is_negative,
         "steps": steps,
         "cfg_scale": cfg_scale,
-        "seed": seed if seed is not None else random.randint(-1, 2147483647)
+        "seed": seed if seed is not None else random.randint(-1, 2147483647),
+        "width": width,
+        "height": height
         }
 
     image_bytes = requests.post(API_URL, headers=headers, json=payload).content
     image = Image.open(io.BytesIO(image_bytes))
     return image
 css = """
-  body {
-    background-color: #fafafa !important;
-  }
-  .title {
-    font-size: 1em !important;
-    text-align: center;
-    color: #333;
-    font-family: 'Helvetica Neue', sans-serif;
-    text-transform: uppercase;
-    letter-spacing: 0.1em;
-    padding: 0.5em 0;
-    background: transparent;
-  }
-  
-  .title span {
-    background: -webkit-linear-gradient(45deg, #7ed56f, #28b485);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    font-size: 2.5em;
-  }
-  .primary.svelte-cmf5ev {
-    background: -webkit-linear-gradient(45deg, #7ed56f, #28b485) !important;
-  }
-  .svelte-15lo0d8 {
-    flex-direction: column !important;
-  }
   .footer {
     display: none;
   }
 """
 
 with gr.Blocks(css=css) as Animagine:
-    gr.HTML(
-        """
-            <div style="text-align: center; margin: 0 auto;">
-              <div style="display: inline-flex; align-items: center; gap: 0.8rem;">
-                <h1 class="title">
-                    <span>Animagine XL 3.1</span>
-                </h1>
-              </div>
-            </div>
-        """
-    )
     with gr.Row():
-        with gr.Column(elem_id="prompt-container"):
-            text_prompt = gr.Textbox(label="Prompt", placeholder="Описание изображения", lines=1, elem_id="prompt-text-input")
-            negative_prompt = gr.Textbox(label="Negative Prompt", placeholder="Чего не должно быть на изображении", value="[deformed | disfigured], poorly drawn, [bad : wrong] anatomy, [extra | missing | floating | disconnected] limb, (mutated hands and fingers), blurry", lines=1, elem_id="negative-prompt-text-input")
-            text_button = gr.Button("Генерировать", variant='primary', elem_id="gen-button")
-        image_output = gr.Image(type="pil", label="Сгенерированое изображение", elem_id="gallery")
-    text_button.click(query, inputs=[text_prompt, negative_prompt], outputs=image_output)
+        with gr.Column():
+            with gr.Tab("Базовые настройки"):
+                with gr.Row():
+                with gr.Column(elem_id="prompt-container"):
+                    text_prompt = gr.Textbox(label="Prompt", placeholder="Описание изображения", lines=1, elem_id="prompt-text-input")
+                    
+
+            with gr.Tab("Расширенные настройки"):
+                with gr.Row():
+                    negative_prompt = gr.Textbox(label="Negative Prompt", placeholder="Чего не должно быть на изображении", value="[deformed | disfigured], poorly drawn, [bad : wrong] anatomy, [extra | missing | floating | disconnected] limb, (mutated hands and fingers), blurry", lines=1, elem_id="negative-prompt-text-input")
+                with gr.Row():
+                    steps = gr.Slider(label="Sampling steps", value=35, minimum=1, maximum=70, step=1)
+                with gr.Row():
+                    cfg = gr.Slider(label="CFG Scale", value=7, minimum=1, maximum=20, step=1)
+                with gr.Row():
+                    seed = gr.Slider(label="Seed", value=-1, minimum=-1, maximum=1000000000, step=1)
+                
+            with gr.Tab("Beta"):
+                with gr.Row():
+                    width = gr.Slider(label="Ширина", minimum=15, maximum=2000, value=1024, step=1)
+                    height = gr.Slider(label="Высота", minimum=15, maximum=2000, value=1024, step=1)
+
+            with gr.Tab("Информация"):
+                with gr.Row():
+                    gr.Textbox(label="Шаблон prompt", value="{prompt} | ultra detail, ultra elaboration, ultra quality, perfect.")
+                with gr.Row():
+                    gr.HTML("""<button class="lg secondary  svelte-cmf5ev" style="width: 100%;" onclick="window.open('http://ai-hub.rf.gd', '_blank');">AI-HUB</button>""")
+                    gr.HTML("""<button class="lg secondary  svelte-cmf5ev" style="width: 100%;" onclick="window.open('http://yufi.rf.gd', '_blank');">YUFI</button>""")
+
+
+            with gr.Row():
+                text_button = gr.Button("Генерация", variant='primary', elem_id="gen-button")
+        with gr.Column():
+            with gr.Row():
+                image_output = gr.Image(type="pil", label="Изображение", elem_id="gallery")
+    
+                    
+    text_button.click(query, inputs=[text_prompt, negative_prompt, width, height, steps, cfg, seed], outputs=image_output)
 Animagine.queue(max_size=200).launch(show_api=False)