Update app.py

app.py

@@ -63,8 +63,23 @@ def generate_and_upload(prompt: str, model_name: str, api_key: str):
 
 # Gradio UI
 with gr.Blocks(theme='NoCrypt/miku') as app:
-    gr.Markdown("<hr style='color: red;'>")
-    gr.Markdown("<div style='display: flex; justify-content: center; width: 100%;'><h1 style='color: red;'> ♥ Tasia API on Marty Space ♥</h1></div>")
+    gr.Markdown(
+    """
+    <style>
+        .centered-title {
+            text-align: center;
+            color: red;
+            font-size: 24px;
+            font-weight: bold;
+        }
+    </style>
+    <hr style='color: red;'>
+    <h1 class='centered-title'>♥ Tasia API on Marty Space ♥</h1>
+    <hr style='color: red;'>
+    """,
+    unsafe_allow_html=True
+)
+    
     gr.Markdown("<hr style='color: red;'>")
     with gr.Row():
         prompt_input = gr.Textbox(label="Enter a prompt:", placeholder="A futuristic spaceship...")
@@ -80,7 +95,20 @@ with gr.Blocks(theme='NoCrypt/miku') as app:
         inputs=[prompt_input, model_input, api_key_input],
         outputs=[image_output, url_output]
     )
-    gr.Markdown("<hr style='color: red;'>")
-    gr.Markdown("<div style='display: flex; justify-content: center; width: 100%;'><h1 style='color: red;'> ♥ Made by Tasia with Heart ♥</h1></div>")
-    gr.Markdown("<hr style='color: red;'>")
+    gr.Markdown(
+    """
+    <style>
+        .centered-title {
+            text-align: center;
+            color: red;
+            font-size: 24px;
+            font-weight: bold;
+        }
+    </style>
+    <hr style='color: red;'>
+    <h1 class='centered-title' ♥ Made by Tasia with Heart ♥</h1>
+    <hr style='color: red;'>
+    """,
+    unsafe_allow_html=True
+)
 app.launch(server_port=7860)