Update app.py

app.py

@@ -437,8 +437,8 @@ def login(username, password):
 # Gradio interface
 with gr.Blocks(theme="Hev832/Applio", css=css, fill_width=True, fill_height=True) as demo:
     with gr.Tab("Welcome"):
-        with gr.Row(elem_classes="welcome-tab"):
-            with gr.Column(scale=2, elem_classes="welcome-content"): 
+        with gr.Row():
+            with gr.Column(scale=2): 
                 gr.Markdown(
                     """
                     <img src="https://cdn-uploads.huggingface.co/production/uploads/64740cf7485a7c8e1bd51ac9/LVZnwLV43UUvKu3HORqSs.webp" alt="UDG" width="250" class="centered-image">
@@ -471,9 +471,9 @@ with gr.Blocks(theme="Hev832/Applio", css=css, fill_width=True, fill_height=True
                     )
 
                 with gr.Row():
-                    username = gr.Textbox(label="Username", placeholder="Enter your username")
+                    username = gr.Textbox(label="Username", placeholder="Enter your username", visible="ugd")
                 with gr.Row():
-                    password = gr.Textbox(label="Password", type="password", placeholder="Enter your password")
+                    password = gr.Textbox(label="Password", type="password", placeholder="Enter your password", visible="ugd!")
                 with gr.Row():
                     login_button = gr.Button("Login", size="sm")
                 login_message = gr.Markdown(visible=False)
@@ -540,29 +540,28 @@ with gr.Blocks(theme="Hev832/Applio", css=css, fill_width=True, fill_height=True
                     value="long",
                 )
 
-            with gr.Accordion("Extra Options", open=True):
-                extra_options = gr.CheckboxGroup(
-                    choices=[
-                        "If there is a person/character in the image you must refer to them as {name}.",
-                        "Do NOT include information about people/characters that cannot be changed (like ethnicity, gender, etc), but do still include changeable attributes (like hair style).",
-                        "Include information about lighting.",
-                        "Include information about camera angle.",
-                        "Include information about whether there is a watermark or not.",
-                        "Include information about whether there are JPEG artifacts or not.",
-                        "If it is a photo you MUST include information about what camera was likely used and details such as aperture, shutter speed, ISO, etc.",
-                        "Do NOT include anything sexual; keep it PG.",
-                        "Do NOT mention the image's resolution.",
-                        "You MUST include information about the subjective aesthetic quality of the image from low to very high.",
-                        "Include information on the image's composition style, such as leading lines, rule of thirds, or symmetry.",
-                        "Do NOT mention any text that is in the image.",
-                        "Specify the depth of field and whether the background is in focus or blurred.",
-                        "If applicable, mention the likely use of artificial or natural lighting sources.",
-                        "Do NOT use any ambiguous language.",
-                        "Include whether the image is sfw, suggestive, or nsfw.",
-                        "ONLY describe the most important elements of the image."
-                    ],
-                    label="Select Extra Options"
-                )
+                with gr.Accordion("Extra Options", open=True):
+                    extra_options = gr.CheckboxGroup(
+                        choices=[
+                            "If there is a person/character in the image you must refer to them as {name}.",
+                            "Do NOT include information about people/characters that cannot be changed (like ethnicity, gender, etc), but do still include changeable attributes (like hair style).",
+                            "Include information about lighting.",
+                            "Include information about camera angle.",
+                            "Include information about whether there is a watermark or not.",
+                            "Include information about whether there are JPEG artifacts or not.",
+                            "If it is a photo you MUST include information about what camera was likely used and details such as aperture, shutter speed, ISO, etc.",
+                            "Do NOT include anything sexual; keep it PG.",
+                            "Do NOT mention the image's resolution.",
+                            "You MUST include information about the subjective aesthetic quality of the image from low to very high.",
+                            "Include information on the image's composition style, such as leading lines, rule of thirds, or symmetry.",
+                            "Do NOT mention any text that is in the image.",
+                            "Specify the depth of field and whether the background is in focus or blurred.",
+                            "If applicable, mention the likely use of artificial or natural lighting sources.",
+                            "Do NOT use any ambiguous language.",
+                            "Include whether the image is sfw, suggestive, or nsfw.",
+                            "ONLY describe the most important elements of the image."
+                        ],
+                    )
 
                 name_input = gr.Textbox(label="Person/Character Name (if applicable)")
                 gr.Markdown("**Note:** Name input is only used if an Extra Option is selected that requires it.")