Update app.py

app.py

@@ -77,7 +77,6 @@ theme = gr.themes.Base(
 
 with gr.Blocks(theme=theme) as chatbot:
     # gr.HTML(google_font_link)
-    with gr.Tab("Step 1"):
         with gr.Row(): 
                 gr.Image(
                     value="logo.png", 
@@ -86,30 +85,31 @@ with gr.Blocks(theme=theme) as chatbot:
                     show_download_button=False
                 )
         with gr.Row():
+            with gr.Tab("Step 1"):
+
+                with gr.Column(scale=1):
         
-            with gr.Column(scale=1):
-    
-                gr.Markdown(""" # Tell me what you are looking for in your character if you have any preferences""")
-                
-                
-                character_name = gr.Textbox(label = "Character Name", placeholder="Type your name here…", info ="optional")
-                character_class = gr.Dropdown(['Barbarian', 'Bard', 'Cleric', 'Druid', 'Fighter', 'Monk', 'Paladin', 'Ranger', 'Rogue', 'Sorcerer', 'Warlock', 'Wizard'], label="Character Class", info="Choose one or more", multiselect=True)
-                character_race = gr.Dropdown([
-            "Aarakocra", "Aasimar", "Bugbear", "Centaur", "Changeling", "Dragonborn", "Dwarf", "Elf", 
-            "Fairy", "Firbolg", "Genasi", "Githyanki", "Githzerai", "Gnome", "Goblin", "Goliath", 
-            "Half-Elf", "Half-Orc", "Halfling", "Hobgoblin", "Human", "Kenku", "Kobold", "Leonin", 
-            "Lizardfolk", "Minotaur", "Orc", "Owlin", "Satyr", "Shadar-kai", "Shifter", "Tabaxi", 
-            "Tiefling", "Tortle", "Triton", "Warforged", "Yuan-ti"
-        ], multiselect=True, label="Character Race", info="You can choose multiple")
-                character_alignment = gr.Dropdown(["Lawful Good", "Neutral Good", "Chaotic Good", "Lawful Neutral", "True Neutral", "Chaotic Neutral", "Lawful Evil", "Neutral Evil", "Chaotic Evil"], label="Character Alignment", elem_classes="alignment_radio")
-
-    with gr.Tab("Step 2"):
-        with gr.Column(scale=2):
-            gr.ChatInterface(
-                fn=respond,
-                additional_inputs=[character_name, character_class, character_race, character_alignment],  # Pass name into function!
-                type="messages",
-                examples=None
-            )
+                    gr.Markdown(""" # Tell me what you are looking for in your character if you have any preferences""")
+                    
+                    
+                    character_name = gr.Textbox(label = "Character Name", placeholder="Type your name here…", info ="optional")
+                    character_class = gr.Dropdown(['Barbarian', 'Bard', 'Cleric', 'Druid', 'Fighter', 'Monk', 'Paladin', 'Ranger', 'Rogue', 'Sorcerer', 'Warlock', 'Wizard'], label="Character Class", info="Choose one or more", multiselect=True)
+                    character_race = gr.Dropdown([
+                "Aarakocra", "Aasimar", "Bugbear", "Centaur", "Changeling", "Dragonborn", "Dwarf", "Elf", 
+                "Fairy", "Firbolg", "Genasi", "Githyanki", "Githzerai", "Gnome", "Goblin", "Goliath", 
+                "Half-Elf", "Half-Orc", "Halfling", "Hobgoblin", "Human", "Kenku", "Kobold", "Leonin", 
+                "Lizardfolk", "Minotaur", "Orc", "Owlin", "Satyr", "Shadar-kai", "Shifter", "Tabaxi", 
+                "Tiefling", "Tortle", "Triton", "Warforged", "Yuan-ti"
+            ], multiselect=True, label="Character Race", info="You can choose multiple")
+                    character_alignment = gr.Dropdown(["Lawful Good", "Neutral Good", "Chaotic Good", "Lawful Neutral", "True Neutral", "Chaotic Neutral", "Lawful Evil", "Neutral Evil", "Chaotic Evil"], label="Character Alignment", elem_classes="alignment_radio")
+
+            with gr.Tab("Step 2"):
+                with gr.Column(scale=2):
+                    gr.ChatInterface(
+                        fn=respond,
+                        additional_inputs=[character_name, character_class, character_race, character_alignment],  # Pass name into function!
+                        type="messages",
+                        examples=None
+                    )
 
 chatbot.launch()